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

* {
  font-family: Avenir Next, Roboto, 'Lato', '微軟正黑體';
}

.anchorAdjustBox:before{
  display: block;
  content: "";
  height: 80px;
  margin: -80px 0 0;
}




/*--- 活動結束 

.ontopDiv {
    position: relative;
    max-width: 750px;
    z-index: 10000;
    background-color: #000000;
    opacity: 1;
    margin: 0 auto;
}

.ontopimg {
    position: fixed;
    top: 20%;
    text-align: center;
    max-width: 750px;
    width: 100%;
}
--*/
/*--- 活動結束 --*/

/*---開始 211101 自製 CSS 區域--*/


.linkAnc {
  width: 750px;
  display: flex;
  justify-content: space-between;
  margin: 52px auto;
}
.linkAnc a {
  display: inline-block;
  width: calc(100% / 3 - 1%);
}
.linkAnc a img {
  width: 100%;
}

  .img_nobg{
	margin-top:23px !important;
  }
  
  
  .section_navimg{
	margin-top:-85px !important;   
  }
  
@media (max-width: 812px) {
  .linkAnc {
    width: 100%;
    margin: 0;
	margin-top: 50px;
  }
  
}

@media screen and (min-width: 813px){
 
  .section_oneimg{
	margin-top:25px !important; 
  }
	
}

.wrapper {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  /*filter: brightness(0.2); 活動結束 */
}
.divFlex2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.divFlex2 a {
  width: 50%;
}
.divFlex3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.divFlex3 a {
  width: 33.3%;
}

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



.main_inner {
  width: 100%;
  padding: 0;
}
.fr-img {
  width: auto !important;
}
.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;
  }
}



.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: 120px;
  background: #fff;
  min-height: 80px;
  cursor:pointer;
  padding-top: 2%;
}
.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;
  }

 .anchorAdjustBox:before{
  display: block;
  content: "";
  height: 60px;
  margin: -45px 0 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: 0px;
  /*  padding-top: 50px;*/
    /* padding-bottom: 50px; */
  }
  .fixedAnchor{
    max-width: 1228px;
    min-height: 100px;
    margin-top: -100px;
  }
  .fixedAnchor_item{
    height: 75px;
    min-height: 75px;
  }
  .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: 82px;
  }
  .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;
  }
 
  
}



/**
   * 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;
}
}