@import url('https://fonts.googleapis.com/css?family=Lato');

* {
  font-family: UniqloPro Regular,"Microsoft JhengHei",sans-serif;;
}

.anchorAdjustBox:before{
  display: block;
  content: "";
  height: 80px;
  margin: -80px 0 0;
}
[data-sp-aspect-ratio="750:422"]:before { padding-top: calc((422 / 750) * 100%) }
.fr-video{
  margin-left: 0;
  margin-right: 0;
}
.fr-video:hover{
  cursor:pointer;
}
/* movie */
.fr-video.-small {
  margin-bottom: 10%;
}
@media screen and (min-width: 813px){
  [data-pc-aspect-ratio="728:365"]:before { padding-top: calc((365 / 728) * 100%) }
  a:hover, a:hover img, a:hover p, a[href]:hover, a[href]:hover img, a[data-link]:hover, a[data-link]:hover img, .fr-video:hover {
    cursor: pointer;
    /* opacity: 0.8; */
    text-decoration: none;
  }
}


/*--- 活動結束 --*/

.ontopDiv {
  position: fixed;
  max-width: 750px;
  top:25%;
  background: black;
}

.ontopimg {
  position: fixed;
  top: 20%;
  text-align: center;
  max-width: 750px;
  width: 100%;
}

/*--- 活動結束 --*/

/*---開始 211101 自製 CSS 區域--*/
.wrapper {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  /* filter: brightness(0.2); /*活動結束 */ */
}


.divFlex2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.divFlex2 a {
  width: 50%;
}


.divFlex2-1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  width: 50%
}
.divFlex2-1 a {
  width: 50%;
}
.divFlex3,.divFlex4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.divFlex3 a {
  width: 33.3%;
}
.divFlex4 a {
  width: 25%;
}

/*---211101 自製 CSS 區域 結束--*/



.main_inner {
  width: 100%;
  padding: 0;
}
.fr-img {
  width: auto !important;
}
.fr-img-nav {
  height: 100%;
}  
.fr-heading.-h1 {
  text-align: center;
}
.over:hover {
  opacity: 0.8;
}

@media screen and (max-width: 750px) {
  .fr-heading.-h1 {
    padding: 0;
  }
  .main_inner {
    min-width: 100%;
  }
  .fr-img {
    width: 100% !important;
  }
  .fr-img-nav {
    width: 95% !important;
  }  
}



.info-mbg .fr-body {
  margin-bottom: 0;
}
.fr-body-subtitle {
  text-align: left;
  margin-right: 4vw;
  margin-left: 4vw;
}
.fr-body-subtitle-center {
  text-align: center;
  margin-right: 4vw;
  margin-left: 4vw;
}
.anchorAdjustBox {
  margin-top: -70px;
  /*padding-top: 70px;*/
}
.fixedAnchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  margin-top: -185px;
  flex-wrap: nowrap;
  border-width: 0 0 1px 1px;
  width: 100%;
  transition: margin-top 0.3s;
  min-height: 71px;
  max-width: 750px;
}
.fixedAnchor.is-fixed {
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  margin-top: 0;
  transition: margin-top 0.3s;
  z-index: 11;
}
.fixedAnchor_item {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  width: 25%;
  height: 100px;
  background: #fff;
  min-height: 113px;
  cursor:pointer;
}
.fixedAnchor_item.-twoThirds {
  width: 33.333%;
}
.fixedAnchor_item:last-child{
  border-right: none;
}
.fixedAnchor_item:first-child{
  border-left: 1px solid #dadada;
}
.fixedAnchor_itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 15.6px;
  border-bottom: 2px solid transparent;
  font-weight: bold;
}
.fixedAnchor_itemLink[data-anchor-current="true"] {
  border-bottom-color: #1b1b1b;
}
.fixedAnchor_item.kids{
  width: calc(100% / 2);
}
.fixedAnchor_itemLink {
  font-size: 12px;
  border-bottom: 4px solid transparent;
}
.fixedAnchor_item:last-child{
  border-right: 1px solid #dadada;
}
.fixedAnchor picture {
  height: 100%;
}
.fixedAnchor picture .fr-img {
  height: 100%;
}
.fr-anchorButton {
  /* margin: 2% auto 2% auto; */
  border: none;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.fr-anchorButton_itemLink{
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  font-size: 12px;
  line-height: 1.5;
  min-height: 71px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .fr-anchorButton {
    width: 100%;
    left: 0;
  }
}
.product_container {
  display: flex;
  align-items: flex-start;
}
.pickupItem_product_ttl {
  text-align: center;
}
.pickupItem_product_img {
  width: calc((375/750)*100vw);
  margin-right: 4vw;
}
.product_info {
  flex: 1;
  margin-right: 4vw;
}
.product_name {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
}
.product_desc {
  font-size: 13px;
  line-height: 1.5em;
}
.product_link {
  font-size: 12px;
  line-height: 1.5em;
  text-align: right;
}
.relatedProduct .fr-heading.-h3 {
  font-size: 14px;
  line-height: 1.5em;
}
.relatedProduct .swiper-wrapper {
  flex-wrap: wrap;
}
.recommendedItem .swiper-wrapper {
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  [data-component-type=ProductCarousel] .fr-bff-product {
    width: calc((210/690)*100%)!important;
    margin-right: calc((30/690)*100%)!important;
  }
  [data-component-type=ProductCarousel] .fr-bff-product:nth-child(3n) {
    margin-right: 0!important;
  }
  .fr-anchorButton_item.-pc-twoThirds {
    flex: 1;
    width: auto;
  }
}
@media (max-width: 750px) {
  .info-mbg .fr-body {
    margin-bottom: 0;
    line-height: 19.6px;
  }
  .fr-body-subtitle {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  .fr-body-subtitle-center {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  .anchorAdjustBox {
    margin-top: -80px;
    /*  padding-top: 50px;*/
    /* padding-bottom: 50px; */
  }
  .fixedAnchor{
    max-width: 1228px;
    min-height: 50px;
    margin-top: -100px;
  }
  .fixedAnchor_item{
    height: 60px;
    min-height: 67px;
  }
  .fixedAnchor_itemLink{
    font-size: 17px;

  }
  .w-fr-anchorButton_item.-pc-twoThirds {
    width: 35%;
    cursor: pointer;
    font-weight: 700;
  }
  .fr-anchorButton_item.-pc-twoThirds {
    flex: 1;
    width: auto;
  }
  .fr-anchorButton_itemLink {
    font-size: 17px;
    line-height: 23.8px;
    min-height: 65px;
  }
  .pickupItem {
    max-width: 1178px;
    display: flex;
    align-items: center;
  }
  .pickupItem_kv {
    width: calc((576/1178)*100%);
    margin-right: calc((150/1178)*100%);
  }
  .pickupItem_product {
    width: calc((323/1178)*100%);
    margin-bottom: 38px;
  }
  .product_container {
    display: block;
    padding: 0;
  }
  .pickupItem_product_ttl {
    text-align: left;
  }
  .pickupItem_product_img {
    width: 100%;
    margin-right: 0;
  }
  .product_info {
    margin-right: 0;
  }
  .product_name {
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
  }
  .product_desc {
    font-size: 14px;
    line-height: 19.6px;
  }
  .product_link {
    font-size: 14px;
    line-height: 19.6px;
    text-align: left;
  }
  .relatedProduct {
    margin-top: 12px;
  }
  .relatedProduct .fr-heading.-h3 {
    font-size: 20px;
    line-height: 1.4em;
  }
  .relatedProduct.-center .swiper-wrapper {
    justify-content: center;
  }
  [data-component-type=ProductCarousel] .fr-bff-product {
    width: calc((276/1176)*100%)!important;
    margin-right: calc((24/1176)*100%)!important;
  }
  [data-component-type=ProductCarousel] .fr-bff-product:nth-child(4n) {
    margin-right: 0!important;
  }
  .relatedInformationLists {
    display: flex;
  }
  .relatedInformation-Item {
    width: 50%;
  }
  .fr-imagePlusText_imgWrap {
    width: calc((252/588)*100%);
  }
  .fr-imagePlusText_content {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: 0;
    margin-right: 0;
  }
  .anchorAdjustBox:before{
    display: block;
    content: "";
    height: 60px;
    margin: -60px 0 0;
  }
  
}

/* header */
.hlIOnx {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  height: 100%;
}
.MsQQU {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  height: 100%;
}
.goIptu {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  font-family: "UniqloPro Regular", sans-serif;
  font-size: 19px;
  height: 100%;
  padding: 12px;
}
.eOLsqP {
  border-bottom: 2px solid transparent;
  padding-bottom: 1px;
}
.ejZQpd {
  -webkit-box-align: center;
  align-items: center;
  display: none;
  height: 100%;
  margin-top: 1px;
  margin-left: 32px;
}

/* header */
@media screen and (min-width: 751px) {

  /* header */
  .hlIOnx {
    max-width: 1176px;
    margin-left: auto;
    margin-right: auto;
  }
  .ejZQpd {
    display: flex;
  }
  /* header */
}

/**
   * sns
   */

   .main_sns .info-area {
    margin: 60px auto 0;
    text-align: center;
  }
  .main_sns .info-area > div:not(.blkItemList):not(.unit):not(.wishlist_heart_icon):not(.l3_alias_color_chip_modal_bg) {
    display: inline-block;
    text-align: center;
  }
  .main_sns .info-area > div:nth-child(even) {
    margin: 0 0 0 60px;
  }
  .main_sns .info-area .sectionTitle {
    font-size: 15px;
    margin-bottom: 16px;
    line-height: 1.1em;
    letter-spacing: 0.05em;
  }
  .main_sns .info-area .links .link-content {
    display: inline-block;
    vertical-align: top;
  }
  .main_sns .info-area .links .link-content {
    display: inline-block;
    vertical-align: top;
  }
  .main_sns .info-area .sectionTitle.txt-jp {
    font-size: 15px;
    line-height: 1.1em;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  .main_sns .info-area .updates .links .link-content {
    width: 45px;
    text-align: center;
  }
  .main_sns .info-area .sns .links .link-content {
    margin-left: 12px;
    width: 40px;
  }
  .main_sns .info-area .sns .links .link-content:first-child {
    margin-left: 0;
  }
  .main_sns .info-area .links a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
  }
  .main_sns .info-area .links a span {
    display: block;
    margin-top: 10px;
    position: relative;
    line-height: 1.25;
  }
  .main_sns .info-area .links a span.txt-jp {
    font-size: 12px;
  }
  .main_sns .is-pc .info-area .links a span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    width: 0;
    height: 1px;
    margin: auto;
    background-color: #333333;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .main_sns .is-pc .info-area .links a:hover span:before {
    width: 100%;
  }
/**
   * footer
   */

   .main_sns .footer {
    margin: 40px auto 20px;
    text-align: center;
  }
  .main_sns .footer__anchor {
    display: inline-block;
    text-decoration: none;
  }
  .main_sns .footer__logo {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .main_sns .footer__name {
    font-size: 16px;
    color: #1b1b1b;
    text-decoration: underline;
    margin: 0;
    line-height: 1.1em;
    letter-spacing: 0.05em;
  }
  .main_sns .footer__name > span {
    color: #333333;
  }
  .main_sns .footer__copy {
    font-size: 12px;
    margin-top: 40px;
    text-align: center;
  }
  .updates.pc-show {
    display: inline-block !important;
  }
  .updates.m-show {
    display: none !important;
  }



  @media (max-width: 750px) {
    .m_bg {
      -webkit-box-shadow: 0 4px 2px -2px rgb(0 0 0 / 10%);
      box-shadow: 0 4px 2px -2px rgb(0 0 0 / 10%);
      margin-bottom: 15px;
      background-color: #fff;
      width: 100%;
      display: block;
      height: auto;
      padding: var(--sp-v-l) var(--sp-h-1g);
    }
    .main_sns .info-area {
      margin: 0;
      text-align: left;
    }
    .main_sns .footer {
      display: none;
    }
    .main_sns .info-area > div:not(.blkItemList):not(.unit):not(.wishlist_heart_icon):not(.l3_alias_color_chip_modal_bg) {
      display: block;
      text-align: left;
    }
    .updates.pc-show {
      display: none !important;
    }
    .updates.m-show {
      display: block !important;
    }
    .sns {
      margin-left: 0 !important;
      margin-bottom: 30px !important;
    }


    .fr-bff-products[data-component-type=ProductCarousel], .fr-bff-products[data-component-type=ProductGridSmall], .fr-bff-products[data-component-type=ProductGridStyling]{ padding:0;}
    [data-component-type=ProductCarousel] .fr-bff-product {
      width: calc((99.9999% - 12vw) / 3)!important;
      margin-right: 2vw!important;
      margin-left: 2vw!important;
    }
  }