@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: UniqloPro Light;
  src: url(/jp/ja/contents/feature/common/fonts/UniqloProLight.woff2) format("woff2"), url(/jp/ja/contents/feature/common/fonts/UniqloProLight.woff) format("woff");
  font-display: swap
}
@font-face {
  font-family: UniqloPro Regular;
  src: url(/jp/ja/contents/feature/common/fonts/UniqloProRegular.woff2) format("woff2"), url(/jp/ja/contents/feature/common/fonts/UniqloProRegular.woff) format("woff");
  font-display: swap
}
@font-face {
  font-family: UniqloPro Bold;
  src: url(/jp/ja/contents/feature/common/fonts/UniqloProBold.woff2) format("woff2"), url(/jp/ja/contents/feature/common/fonts/UniqloProBold.woff) format("woff");
  font-display: swap
}
@font-face {
  font-family: 'Uniqlo Pro';
  font-style: normal;
  font-weight: 400;
/* GDS↓*/
  src: url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.eot");
  src: url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.woff") format("woff"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.ttf") format("truetype"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg"); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family:"Uniqlo Pro", "UniqloPro Light", "UniqloPro Regular", "Microsoft JhengHei";
}
div#content {
 background-color: white;
  font: 13px;
  line-height: 1.5;
  margin-top: 0;
  color: #fff;
  color: var(--default-color);
  font-family: "UniqloPro Light", "UniqloPro Regular", "Microsoft JhengHei";
}
dd {
  font-size: 16px;
  line-height: 32px !important
}
section dl {
  font-size: 16px;
  line-height: 24px !important;
margin-bottom: 15px;	  
}
section dt {
  font-size: 18px;
  line-height: 24px !important;
margin-bottom: 15px;	  
}
	.pagetop {
  position: fixed;
  width: 45px;
  height: 45px;
  right: 0;
  bottom: 15px;
  transition: opacity 0.4s;
        z-index: 999;
}
.esunbank-color{background: #009690;color: white!important; }
.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%;
}
.tab-content p {
  font-size: 16px;
  line-height: 32px !important
}
.tab-content ol li {
  font-size: 16px;
  line-height: 32px !important
}
.anchor_btn img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.anchor_btn {
  display: block;
}
.anchor_btn ul {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.anchor_btn li {
  list-style: none;
  display: inline-block; // 
  margin-left: 15px;
  width: 100%
}
p {
  font-size: 16px;
  line-height: 22px
}
ol ul {
  font-size: 14px
}
div#btn .button1 {
  font-family: "UniqloPro Light", "UniqloPro Regular", "Microsoft JhengHei";
  font-weight: 200;
  display: inline;
  width: 43.5%;
  height: 5%;
  margin: 0 0.5em;
  margin-bottom: 20px;
  font-size: 1.5em;
  padding: 0.2em;
  display: inline;
  background-color: #ffffff;
  border-color: #BCBCBC;
  border: 1px solid;
  float: left;
  color: #000000;
  font-weight: 300;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
}
.content-dis {
  border: 2px #007979 solid;
}
.btn .button1:hover {
  background-color: #BCBCBC;
  color: #000000;
  border-color: #BCBCBC;
  text-decoration: none;
}
.u-link-btn__anchor {
  display: block;
  width: 100%;
  height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  text-decoration: none;
  margin: 20px 0 20px 0;
}
.page-link-btn__anchor-02 {
  padding-top: 5px;
  padding-bottom: 5px;
  background: #1b1b1b; /*  background: var(--women-color);*/
}
.page-link-btn__inn {
  font-size: 0.8em;
  text-decoration: none;
}
.page-link-btn__inn-02 {
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
}
.page-link-btn__inn-02::after {
  top: 50%;
  margin-top: -4px;
  border-color: #fff #fff transparent transparent;
}
.page-link-btn__inn-03 {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
.title-01 {
  padding-top: 4px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bolder;
  color: #000000;
  text-align:left;
}
.title-02 {
  padding-top: 1%;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color:black;
  text-align: left;
}
.title-03 {
  padding-top: 4px;
  padding-bottom: 10px;
  font-size: 2em;
  font-weight: normal;
  color: #DAC5BA;
  text-align: center;
  letter-spacing: 0.05em;
}
.title-04 {
  padding-top: 4px;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  letter-spacing: normal;
}
.title-05 {
  line-height: 50px;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: normal;
}
.title-05_01 {
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: normal;
}
.font_16 {
  font-size: 16px;
}
.text_01 {
  font-size: 12px;
}
.text_02 {
  font-size: 14px;
  text-align: left
}
.text_03 {
  font-size: 16px;
 
  color: #000000;
  line-height: 28px;
  text-align: left;
}
.text_04 {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}
.text_05 {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.text_06 {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}
.text_08 {
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
  text-align: center;
  letter-spacing: 1px;
}
.text_09 {
  font-size: 1em;
  font-weight: bold;
  color: #ff0000;
  line-height: 0.2em;
}
.font-weight-700
{
	font-weight: bolder
}
.bnr {
  width: 100%;
  height: 50px;
  background: #D89593;
  text-align: center;
  line-height: 50px
}
.bnr_01 {
  position: relative;
  display: table;
  border-left-width: 0;
  border-right: 0;
  border-bottom: 0px;
  border-top: 0px;
  border-color: #000000;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 40px;
  border-bottom-style: solid;
  border-top-style: solid;
  margin: 30px 0 30px 0;
}
.bnr_02 {
  position: relative;
  display: inline-block;
  border-width: 1px;
  color: #FFFFFF;
  background: #000000;
  border-color: #000000;
  width: 40%;
  height: 50px;
  padding: 5px;
  left: 8%;
  float: left;
  text-align: center;
  border-style: solid;
  border-radius: 10px;
  margin: 20px 15px 10px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bnr_02 img {
  width: 2%;
  max-width: 9px;
}
.bnr_02:hover {
  background-color: #BCBCBC;
  color: #000000;
  border-color: #BCBCBC;
  text-decoration: none;
}
.bnr_03 {
  display: table;
  position: relative;
  border-left-width: 0;
  border-color: #000000;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 50px;
  border-bottom-style: none;
  border-top-style: none;
  margin: 30px 0 30px 0;
}
.bnr_04 {
  position: relative;
  display: table;
  border-width: 1px;
  border-color: #FF0004;
  left: 1%;
  width: 30%;
  height: 30px;
  text-align: center;
  line-height: 50px;
  border-style: solid;
  margin: 0px 0 50px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn_05 {
  color: #000000;
  background: #5D9B4B;
  float: left;
  width: 47%;
  height: 50px;
  text-align: center;
  padding: 10px 0;
  border-style: solid;
  margin: 10px 5px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn_05:hover {
  background-color: #BCBCBC;
  color: #000000;
  border-color: #BCBCBC;
  text-decoration: none;
}
.btn_06 {
  color: #000000;
  background: #5D9B4B;
  position: relative;
  display: table;
  position: relative;
  display: table;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 50px;
  border-style: solid;
  margin: 15px 0px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn_06:hover {
  background-color: #BCBCBC;
  color: #000000;
  border-color: #BCBCBC;
  text-decoration: none;
}
.model img {
  margin-bottom: 10px;
  width: 100%;
}
.u-link-btn {
  width: 100%;
  position: absolute;
  bottom: 0px;
}
ol li {
  list-style-position: inside;
  list-style-type: decimal !important;
   
}
.item ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 0.5em 0;
  list-style-type: decimal;
}
.item li {
  float: left;
  width: 25%;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: 5px solid #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.commmnt_list {
  height: 430px;
  position: relative;
}
.overflow {
  border: 1px solid grey;
  height: 200px;
  overflow: auto;
}
.transWOver:hover{
  -webkit-animation: flashW 1.2s;
  animation: flashW 1.2s;
}
.btn-orange
{border:none;background-color:#FD9900;color: white!important}
.btn-green
{border:none;border-radius:50px;background-color:#009690;color: white!important}
@-webkit-keyframes flashW{
  0% {opacity: 0.4; background-color: white;}
  100% {opacity: 0; background-color: white;}
}
@keyframes flashW{
  0% {opacity: 0.4; background-color: white;}
  100% {opacity: 0; background-color: white;}
}
.over:hover img{
  opacity: .8;
}
.over:hover{
  opacity: .8;
}
@media screen and (max-width: 640px) {
  .relatedGallery_wapper {
    margin-left: -2vw;
    margin-right: -2vw;
  }
  .relatedGallery_inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .relatedGallery_list {
    margin-bottom: 9px;
    margin-left: 2vw;
    margin-right: 2vw;
    width: calc((99.9999% - 12vw) / 3);
  }
}

/* common */
.o-adjustAnchor {
  margin-top: -73px;
  padding-top: 73px;
}

.o-anchorButton_wrapper {
  height: 73px;
  text-align: center;
}

.fr-anchorButton {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  border-right: 1px solid #dadada;
  flex-wrap: nowrap;
  /*height: 73px;*/
}

.fr-anchorButton_itemLink {
  border-bottom: 3px solid transparent;
}

[data-current="true"] .fr-anchorButton_itemLink {
  border-bottom-color: #378694;
}


.fr-anchorButton_item {
  width: 100%;
}

@media screen and (min-width: 641px) {
  [data-navigation-fixed="false"] .fr-anchorButton_item:not(:first-of-type) {
    border-left: 1px solid #dadada;
  }
}

@media screen and (max-width: 640px) {
  [data-navigation-fixed="false"] .fr-anchorButton_item:nth-child(even) {
    border-left: 1px solid #dadada;
  }
}

[data-navigation-fixed="true"] .fr-anchorButton_item:not(:first-of-type) {
  border-left: 1px solid #dadada;
}

.o-genderTabs {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "UniqloPro Bold", sans-serif;
  font-size: 15px;
  justify-content: center;
}

.o-genderTabs_item {
  border-bottom: 3px solid transparent;
  margin: 0 9px;
  padding: 0 var(--sp-v-xs) var(--sp-v-xxs);
}

.o-genderTabs_item.is-active {
  border-bottom-color: #378694;
}

.o-genderContents_item {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.o-genderContents_item.is-active {
  height: auto;
  visibility: visible;
}

.announceNote {
  color: #7d7d7d;
  font-size: 12px;
}

.splitBox {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.splitBox.-rowChange {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.splitBox.-halving {
  margin-left: -12px;
  margin-right: -12px;
}

.splitBox.-article {
  margin-left: -4vw;
  margin-right: -4vw;
}

.item_description {
  width: 100%;
}

.item_detail {
  margin-left: 12px;
  margin-right: 12px;
  width: calc(50% - 24px);
}

.article_img {
  margin-left: 4vw;
  margin-right: 2vw;
  width: calc(35.439% - 6vw);
}

.article_detail {
  margin-left: 2vw;
  margin-right: 4vw;
  width: calc(64.561% - 6vw);
}

.listRelated_button {
  font-weight: 700;
  text-decoration: underline;
  text-align: right;
}

/* style */
.heading_h1_title {
  font-size: 19px;
  background-color: #fff;
}

.top_catch {
  font-size: 17px;
}

.content_intro {
  font-size: 15px;
}

.content_title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5em;
}

.userReviewTitle {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.fr-userReviewParent_inner.-widthChange {
  margin: 0;
}

.fr-linkButton.-moreButton {
  margin: 21px 0 0;
}

.more_note {
  display: block;
  font-size: 13px;
  color: #7d7d7d;
}

/* utility */
.pu_text_leftToCenter {
  text-align: left;
}

.pu_font_bold {
  font-weight: 700;
}

/* image */
[data-aspect-ratio="690:920"]:before {
  padding-top: calc((920 / 690) * 100%);
}

[data-sp-aspect-ratio="750:442"]:before {
  padding-top: calc((442 / 750) * 100%);
}

@media screen and (min-width: 641px) {
  /* override */
  a:hover,
  a:hover img,
  a:hover p,
  a[href]:hover,
  a[href]:hover img,
  a[href]:hover img,
  a[data-link]:hover,
  a[data-link]:hover img,
  .o-genderTabs_item:hover {
    cursor: pointer;
    opacity: 0.8;
    text-decoration: none;
  }
  .fr-linkButton {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* common */
  .o-genderTabs {
    font-size: 20px;
  }
  .o-anchorButton_wrapper {
    height: 79px;
  }
  .fr-anchorButton {
    /*height: 79px;*/
  }
  .announceNote {
    text-align: center;
  }
  .splitBox.-rowChange {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -12px;
    margin-right: -12px;
  }
  .splitBox.-halving,
  .splitBox.-article {
    margin-left: -12px;
    margin-right: -12px;
  }
  .item_description,
  .article_img,
  .article_detail {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(50% - 24px);
  }
  .item_description {
    display: block;
    margin: auto;
  }
  .swiper-button-prev.-relatedButton,
  .swiper-button-next.-relatedButton {
    top: calc(50% - 40px);
  }
  /* style */
  .heading_h1_title {
    font-size: 29px;
  }
  .top_catch {
    font-size: 26px;
  }
  .content_intro {
    font-size: 16px;
  }
  .content_title {
    font-size: 23px;
  }
  .userReviewTitle {
    font-size: 17px;
  }
  .fr-userReviewParent_inner.-widthChange {
    margin: 0 1vw;
  }
  .fr-linkButton.-moreButton {
    margin: 21px auto 0;
  }
  /* utility */
  .pu_text_leftToCenter {
    text-align: center;
  }
  .pu_font_normalToBold {
    font-weight: 700;
  }
  .pu_pc_mx_120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  /* image */
  [data-pc-aspect-ratio="960:330"]:before {
    padding-top: calc((330 / 960) * 100%);
  }

  .more_note {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
  }


}

main .product-price {
  font-family: "Uniqlo";
  font-size: 30px;
}

main .product-price span.lang-jp {
  font-family: 游ゴシック,Yu Gothic,游ゴシック体,YuGothic,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;
  font-weight: bold;
}

main .product-price .set_price {
  font-size: 70%;
}

main .splitBox.-rowChange {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

main .vspace_m_btm {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 8px;
}

main .vspace_l_top {
  display: block;
  margin-bottom: 24px;
  margin-top: 8px;
  width: 100%;
}

main .washing_method {
  background: #e9f6fe;
  color: #696969;
  padding: 40px 60px;
}

main .washing_method .washing_method_title {
  font-size: 20px;
  position: relative;
  text-align: center;
}

main .washing_method .washing_method_title::before, main .washing_method .washing_method_title::after {
  background: #696969;
  content: "";
  display: block;
  height: 1px;
  margin-left: 20%;
  width: 60%;
}

main .washing_method .washing_method_title::before {
  margin-bottom: 10px;
}

main .washing_method .washing_method_title::after {
  margin-top: 10px;
}

main .fr-linkButton {
  line-height: 2;
  padding: 10px;
}

main .text-bold {
  display: block;
  font-weight: 700;
  margin-top: 20px;
}

main .content_body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}


main .fr-accordion_label span {
  display: block;
  margin: auto;
  text-align: center;
  width: 100%;
}

/* tax */
.fr-tax { position: relative; margin-top: 32px; font-size: 13px; }
.fr-tax::before { content: ""; display: block; width: 100%; height: 2px; background: #1b1b1b; position: absolute; top: -8.5px; left: 0; }



/* anchor */
.anchorAdjustBox {
  margin-top: -70px;
  /*padding-top: 70px;*/
}
.fixedAnchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  margin-top: -200px;
  flex-wrap: nowrap;
  border-width: 0 0 1px 1px;
  width: 100%;
  transition: margin-top 0.3s;
  min-height: 71px;
  max-width: 640px;
}
.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: 175px;
  background: #fff;
  min-height: 80px;
  cursor:pointer;
}
.fixedAnchor_item.-twoThirds {
  width: 50%;
}
.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 0% 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;
}

/* ancchor end*/

.h3_cttitle{
	text-align: center !important;
	font-size: 18px;
	color:#007979;
	font-weight: bold;
	text-align: center;
	
}

.h3_cttitle .h3_cttitle_span {

    font-size: 26px; 
    font-weight: bold;
    position: relative;
    color: white;
    padding: 0.3em 1em 0.2em 1em;
    background-color: #007979;
    /* border-radius: 1.5em; */
    width: auto;
    text-align: c;
    margin: 0.5em auto;
    display: inline-block;
	margin-left: -140px;
   
}


.cttitle_span{
	background-color: #ea2e31;
    color: #ea2e31;
    font-size: 26px;
    font-weight: bold;
    position: relative;
    padding: 0.3em 1em 0.2em 1em;
    width: auto;
    text-align: center;
    margin: 0.5em auto;
    display: inline-block;
}
}

.h3_subTitle{font-size: 24px;font-weight: bold;color:#007979;text-align: center;}

.h4_uqtitle{
	text-align: center !important;
	font-size: 18px;
	color:#ff0000;
	font-weight: bold;
	
}

.card_title{
	font-weight:bold;
	color: #007979;
	margin-left: 10px;
}

.card_button{
  font-weight:bold;
  background-color: #007979;
  color: #fff;
  
}

.card_img_des:before{
	content: '';
    position: absolute;
    margin-top: 0.25em;
    width: 3px;
    height: 0.9em;
    background-size: 3px;
    background-image: url(../images/icon_left.jpg);	
}

.des_title{
	color: red;
    font-size: 20px;
}

.card_div{
	display: inline-grid;
}

.card_rol{
	margin: 10px;
  margin-bottom: 25px;
}

.card_rol2{
  margin: 10px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.card_rol3{
  margin: 10px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.card_img_div{
	width:40%;
	float: left;
}

.card_img{
	width: 95% !important;
}

.card_img_des{
	width:60%;
	float: right;
}

.des_title {
    color: #007979;
}

.u-only-sp {display: none}
.u-only-pc {display: block;background-color: #ffffff;}
	


@media screen and (min-width: 641px) {
  main .fr-linkButton {
    max-width: 576px;
  }
  main .fr-accordion_label {
    padding: var(--pc-v-xl) 0;
  }
  [data-pc-aspect-ratio="2:1"]:before {
    padding-top: 46.9%;
  }
  main .fr-accordion {
    margin: auto;
    max-width: 620px;
  }
  main .product-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
  }
  main .content_body.-banner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
  }
  main .content_body.justifyCenter {
    flex-wrap: nowrap;
    justify-content: center;
  }
  main .content_body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  main .content_list.-bannerLink {
    margin-left: 12px;
    margin-right: 12px;
    width: calc((100% - 48px) / 2);
  }

  /* footer */
  .fr-tax { padding: 19px 15px 17px; font-size: 20px; font-weight: bold; text-align: center; border: 3px solid #f00; max-width: 960px; margin: 0 auto 15px;}
  .fr-tax::before { display: none; }
}

@media screen and (max-width: 640px) {
  [data-sp-aspect-ratio="3:4"]:before {
    padding-top: 100%;
  }
  main .washing_method {
    padding: 25px 40px
  }
  main .washing_method .washing_method_title{
    font-size: 16px;
  }
  main .washing_method .washing_method_title::before, main .washing_method .washing_method_title::after{
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  .article_img {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
  }
  
  .article_detail {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
    padding: 2vw 20px;
  }
  .splitBox.-article{
    border-top: 1px solid var(--color-gray150)
  }
  .related_article.fr-contentsCard{
    padding-bottom: 0;
  }
  .fr-anchorButton_item{
    width: 50%;
  }
  /* .fr-anchorButton{ */
    /* flex-wrap: wrap; */
    /* height: 146px; */
  /* } */
  .o-anchorButton_wrapper{
    height: 146px;
  }
  .product-contents{
    display: flex;
    flex-wrap: wrap-reverse;
  }

  .product-text{
    width: 100%;
  }

  .fr-accordion_content{
    max-width:620px;
    margin: 0 auto;
	background-color: #f0f0f0;
  }

}

/* navi */
.fr-anchorButton[data-navigation-fixed="true"] {
  width: calc(100% - (25px * 2));
  margin: 0 auto;

  position: fixed;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: justify;
  top: 0;
  z-index: 11;
}
.fixedNaviBlock{
  display: none;
}

@media screen and (min-width: 1010px) {
  [data-navigation-fixed="true"] {
    left: 25px;
    right: 25px;
    max-width: 960px;
  }
}


@media screen and (min-width: 641px) {
  #clone {
    display:none;
  }

  .img-pc-sp{
  width: 616px;
  height: auto;
 }
}

@media screen and (max-width: 640px) {
  #clone {
    position: fixed;
    height: auto;
    -webkit-transition: top 500ms ease-in;
     -moz-transition: top 500ms ease-in;
     -o-transition: top 500ms ease-in;
     transition: top 500ms ease-in;
    top:-80px;
    left: 0;
    right: 0;
  }
  #clone .fr-anchorButton_item{
    width: 25%;
  }
  #clone .fixedNaviBlock{
    display: block;
  }
  .fr-anchorButton[data-navigation-fixed="true"] {
    position: static;
    width: 100%;
  }

  .fr-anchorButton[data-navigation-fixed="false"] [data-current="true"] .fr-anchorButton_itemLink{
    border-bottom: none;
  }

  #clone.fr-anchorButton[data-navigation-fixed="false"] {
    -webkit-transition: top 100ms ease-in;
     -moz-transition: top 100ms ease-in;
     -o-transition: top 100ms ease-in;
     transition: top 100ms ease-in;
  }
  #clone.fr-anchorButton[data-navigation-fixed="true"] {
    display:flex;
    top:-1px;
  }
.img-pc-sp{
  width: 368px;
  height: auto;
 }
}

/* contents */
@media (max-width: 641px) {
  .fr-sp-mt-xl {
      margin-top: 9vw;
  }
  .article_detail .fr-sp-mt-s{
      margin-top: 3vw;
  }
.card_rol2{
  margin: 10px;
  margin-bottom: 25px;
  margin-top: 50px;
}

.card_rol3{
  margin: 10px;
  margin-bottom: 25px;
  margin-top: 25px;
}

}

@media (max-width: 640px) {
  .article_detail .fr-sp-mt-s{
      margin-top: 2vw;
  }
}

.fr-anchorButton_itemLink {
  padding: var(--sp-v-m) 0;
}

/* anchor */
@media screen and (min-width: 813px) {
    .fr-anchorButton {
        border-right-width: 1px;
        margin-left: 0
    }

    .fr-anchorButton_item {
        font-size: 17px
    }

    .-vertical .fr-anchorButton_itemInner {
        display: flex
    }

    .fr-anchorButton_item .fr-anchorButton_itemText {
        min-height: 79px;
        line-height: 23.8px;
        padding: 0 12px;
        padding: 0 var(--pc-h-s)
    }

    .fr-anchorButton_item .u-imgAdjustBox[data-aspect-ratio="1:1"] {
        width: 94px;
        height: auto
    }

    .fr-anchorButton_item .u-imgAdjustBox[data-aspect-ratio="3:4"] {
        width: 71px;
        height: auto
    }

    .fr-anchorButton_item .u-imgAdjustBox[data-aspect-ratio="4:3"] {
        width: 123px;
        height: auto
    }
	
}

@media screen and (max-width: 750px) {
  .fr-anchorButton {
    width: 100%;
    left: 0;
  }
  
  .w-fr-anchorButton_item.-pc-twoThirds {
    width: 50%;
    cursor: pointer;
    font-weight: 700;
  }
  .fr-img {
    width: 100% !important;
  }
  
  .fixedAnchor {
    max-width: 1228px;
    min-height: 100px;
    margin-top: -150px;
  }
  .fixedAnchor_item {
    height: 75px;
    min-height: 110px;
  }
 /* anchor end */ 
  .u-only-sp {display: block;}
  .u-only-pc {display: none;}
  

  
  .des_title {
    color: #007979;
    font-size: 16px;
    font-weight: bold;
  }
  
  .cttitle_span {
    font-size: 17px;
	left: -3px;
  }
  
  .h3_cttitle .h3_cttitle_span {

    font-size: 17px; 
	margin-left: -95px;
	padding: 0.3em 0.5em 0.2em 1em;
   
  }
  
  .h4_uqtitle{
	font-size: 14px;	
  }
    
  
}

@media screen and (max-width: 376px) {
  .cttitle_span {
    font-size: 16px;
  }
  
  .h3_cttitle .h3_cttitle_span {

    font-size: 16px; 
	margin-left: -87px;
   
  }
}