/* ==========================================================
  01. Img Style SP Only
========================================================== */

/* data-aspect-ratio */
[data-aspect-ratio="90:40"]:before { padding-top: calc((40/90) * 100%) }
[data-aspect-ratio="345:49.34"]:before { padding-top: calc((49.34/345) * 100%) }
[data-aspect-ratio="590:931"]:before { padding-top: calc((931/590)*100%) }
[data-aspect-ratio="690:439"]:before { padding-top: calc((439/690)*100%) }
[data-aspect-ratio="690:640"]:before { padding-top: calc((640/690)*100%) }
[data-aspect-ratio="750:1000"]:before { padding-top: calc((1000/750)*100%) }

[data-aspect-ratio="80:124"]:before { padding-top: calc((124/80)*100%) }
[data-aspect-ratio="98:78"]:before { padding-top: calc((78/98)*100%) }
/* data-sp-aspect-ratio */
[data-sp-aspect-ratio="750:1000"]:before { padding-top: calc((1000/750)*100%) }

/* ==========================================================
  02. Collabo Style SP Only
========================================================== */
.HeaderPageTitle { font-family: "UniqloPro Regular", sans-serif; font-size: 22px!important; font-weight: normal!important;}

/* Leadmore Button */
.leadMore-wrap { position: relative; transition: all 300ms 0s ease; }
.leadMore-btn { width: 100%; height: 76px; background: #fff; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; }
.leadMore-btn-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 67px; font-size: 14px; font-weight: bold; cursor: pointer; transition: .2s ease; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; }
.leadMore-btn-inner:before { content: "もっと見る" }
.leadMore-btn-inner:after { display: flex; justify-content: center; align-items: center; content: ""; background: url(../common/icons/chevron_updown.svg) 0/cover no-repeat; transition: .2s; width: 24px; height: 24px; margin-left: 13px; }
.leadMore-item { position: relative; overflow: hidden; visibility: hidden; height: 0; opacity: 0; transition: .5s; padding-bottom: 76px; }
.leadMore-item::before { display: block; position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 40px; background: #fff; }
.leadMore-trigger {display: none; }
.leadMore-trigger:checked ~ .leadMore-btn .leadMore-btn-inner:before { content: "閉じる"; }
.leadMore-trigger:checked ~ .leadMore-btn .leadMore-btn-inner:after { transform: rotate(-180deg); }
.leadMore-trigger:checked ~ .leadMore-item { height: auto; opacity: 1; visibility: visible; }
.leadMore-trigger:checked ~ .leadMore-item::before { display: none; }

.img_size{width: auto;margin: auto;margin-top: 20px}

/* ==========================================================
  03. FixedAnchor SP Only
========================================================== */

/* .fixedAnchor */
.fixedAnchor { display: flex; width: 100%; transition: all 0.3s; border: 1px solid #dadada; border-width: 0 0 1px 1px; background: #fff; margin-top: -68px; position: absolute; top: 0; }
.fixedAnchor.is-fixed { position: fixed; margin-top: 0; transition: all 0.3s; z-index: 11; }
.fixedAnchor_item { flex: 1; height: 68px; border-right: 1px solid #dadada; }
.fixedAnchor_itemLink { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; height: 100%; border-bottom: 2px solid transparent; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W6", sans-serif; cursor: pointer; }
.fixedAnchor_itemLink[data-anchor-current="true"] { border-bottom-color: #1b1b1b; }

/* .fixedTabs.-current */
.fixedTabs { transition: all 0.3s; margin-top: -49px; position: absolute; top: 0; }
.fixedTabs.-current { position: fixed; top: 0; margin-top: 0; width: 100%; transition: all 0.3s; z-index: 12; opacity: 1; animation-name: fadeinTop; animation-duration: .3s; animation-fill-mode: forwards; }
@keyframes fadeinTop { 0% { transform: translateY(-49px); } 100% { transform: translateY(0); } }


/* ==========================================================
  04. Base Style SP Only
========================================================== */
.anchorAdjust {
    padding-top: 56px;
    margin-top: -56px;
}


/* ariakedesign */
body { background-color: #fff; }

/* .fr-breadcrumbs */
.fr-breadcrumbs { margin-right: 0; margin-left: 0; }
.fr-breadcrumbs.u-only-pc { margin-bottom: 0; }
.fr-breadcrumbs_inner { padding-top: 0; }

/* .fr-tabs_item */
.fr-tabs_item.-en { font-size: 12px; font-weight: bold; }
/* .fr-tabs_item .fr-tabs_itemInner { display: block; }
.fr-tabs_itemLink { display: flex; justify-content: center; align-items: center; padding: 0 4vw; height: 48px; }
.fr-tabs_item.-en .fr-tabs_itemInner { padding-bottom: 0; }
.fr-tabs_item.-en.-active .fr-tabs_itemInner { padding-bottom: 4.5px; } */

/* .fr-linkButton */
.fr-linkButton { display: flex; justify-content: center; align-items: center; line-height: 1.2; padding: 0; margin: 0; height: 48px; min-height: 48px; }

/* .fr-heading */
.fr-heading.-h1 { display: none; }
.fr-heading.-h2 { font-size: 18px; line-height: 27px; }
.fr-heading.-h3 { font-size: 16px; line-height: 24px; }
.odercomming .fr-heading.-h3 { font-size: 15px;}
.fr-heading.-h4 { font-size: 13px; line-height: 19.5px; align-items: center; }

/* .fr-anchorButton */
.fr-anchorButton { box-shadow: none; }
.fr-anchorButton_item { width: 50%; }
.fr-anchorButton_itemText { font-size: 14px; font-weight: bold; }
.anchorButton_item_one { width: 100%; }

/* .fr-pagetop */
.fr-pagetop { background: url(../img/backtotop.svg) 50%/cover no-repeat; width: 40px; height: 40px; right: 15px; bottom: 30px; box-shadow: none; background-color: #fff; z-index: 9999; }

/* .baseflowColumns */
.baseflowColumns { display: flex; }
.baseflowColumnsImg { width: auto; }
.baseflowColumnsTxt { flex: 1; }
.baseflowColumnsItems .baseflowColumnsImg { width: 32vw; }
.baseflowColumnsItems .baseflowColumnsTxt { padding-left: 4vw; }
.baseflowColumnsTxt > .fr-body { margin-bottom: 0; }

/* .coupon500Present */
.coupon500Present { background-color: #f3f3f3; }
.coupon500Present .fr-body { font-size: 17px; line-height: 25.5px; font-weight: bold; font-family: ヒラギノ角ゴ Pro W6,sans-serif; text-align: center; margin: 0; }
.coupon500Present .fr-body .red { font-size: 19px; line-height: 28.5px; color: #ff0000; }

/* .aboutService */
.readMore { font-weight: bold; text-decoration: underline; text-align: right; }

/* .txt-lists */
.txt-lists li { font-size: 13px; line-height: 19.5px; padding-left:1em; position:relative; }
.txt-lists li:before { content:"・"; position:absolute; left:0; top:0; }
.txt-lists + .fr-body { margin-top: 0; margin-bottom: 0; }

/*question*/

.bd-section {
  min-width: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: 'UniqloProLight', 'microsoft jhenghei';
  position: relative;
}

.bd-subSection {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: 'UniqloProLight', 'microsoft jhenghei';
  position: relative;
}

.q_title {
    width: 1120px;
    box-sizing: border-box;
    text-align: left;
    padding-left: 40px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 18px;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 18px;
    font-family: 'UniqloPro Regular', 'microsoft jhenghei' !important;
}

.q_title:before {
    content: "Q";
    color: #fff;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    background: #f00;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 2px;
    font-size: 18px;
}

.a_content {
    width: 1120px;
    box-sizing: border-box;
    text-align: left;
    padding-left: 40px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 40px;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 18px;
    font-family: 'UniqloPro Regular', 'microsoft jhenghei' !important;
}

.a_content:before {
    content: "A";
    color: #fff;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    background: #d9d9d9;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 2px;
    font-size: 18px;
}

/* ==========================================================
  05. SHOP Style SP Only
========================================================== */

/* .fr-anchorButton */
#shop .fr-anchorButton_item:last-child { width: 100%; }

.l-footer__aboutTitle {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    line-height: 1;
    margin-bottom: 21px;
}
.l-footer__aboutList {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 800;
}
.l-footer__aboutList li {
    width: 50%;
    border-bottom: 1px solid #dadada;
}
.l-footer__aboutList li:nth-child(odd) {
    border-right: 1px solid #dadada;
}
.l-footer__aboutList li:nth-of-type(-n+2) {
    border-top: 1px solid #dadada;
}
.l-footer__aboutList a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
}

.l-footer__aboutList .about_Title_des{font-size:17px;font-weight: 400;color:#464646;}



/* popup */
.activePop .popupWhiteBg {
    width: 100vw;
    height: 100vh;
    background-color: white;
    opacity: .75;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

.activePop .popupContent{
    display: block !important;
}

.popupContentClose{
    display: none !important;
}

.activePop a:hover:not(.fr-tabs_itemLink), 
.activePop a:hover img,.activePop  a:hover p, 
.activePop a[href]:not(.fr-tabs_itemLink):hover, 
.activePop a[href]:hover img,.activePop  a[href]:hover p, 
.activePop a[data-link]:hover, 
.activePop a[data-link]:hover img,{
    opacity: 1 !important;
}

@media screen and (orientation:portrait){

    .activePop .popupContentImg{
        position: fixed;
        top: 15vh;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        z-index: 3;
        height: 75vh;
        width: 90vw;
    }

    .activePop .popupContentImg img {
        width: 100%;
        height: auto;
    }

    .popupCloseBtn{
        display: inline;
        line-height: 1;
        color: #ff0000;
        border-radius: 50%;
        padding: 0.3em;
        font-size: 26px;
        font-weight: bolder;
        position: fixed;
        top: 12vh;
        right: 8vw;
        cursor: pointer;
        z-index: 4;
    }
}
@media screen and (orientation:landscape){

    .activePop .popupContentImg{
        position: fixed;
        top: 2.5vh;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        z-index: 120;
        height: 95vh;
    }

    .activePop .popupContentImg img {
        width: auto;
        height: 100%;
    }

    .popupCloseBtn{
        display: inline;
        line-height: 1;
        color: #ff0000;
        border-radius: 50%;
        padding: 0.3em;
        font-size: 26px;
        font-weight: bolder;
        position: fixed;
        top: 5vh;
        right: calc(50% - 45vh);
        cursor: pointer;
        z-index: 120;
    }
}


@media screen and (min-width: 813px) {
    .anchorAdjust {
        padding-top: 70px;

    }
    .img_size{width: 960px;margin: auto;margin-top: 30px}

/* popup */

  /* ==========================================================
    01. Img Style PC Only
  ========================================================== */

  /* data-pc-aspect-ratio */
  [data-pc-aspect-ratio="700:1000"]:before { padding-top: calc((1000/700)*100%) }
  [data-pc-aspect-ratio="309:504"]:before { padding-top: calc((504/309)*100%) }
  [data-pc-aspect-ratio="590:931"]:before { padding-top: calc((931/590)*100%) }

  /* ==========================================================
    02. Collabo Style PC Only
  ========================================================== */
  /* main */
  .fr-breadcrumbs,
  .main_inner { max-width: 1226px; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; }

  .fr-pagetop { bottom: 103px; }


  /* ==========================================================
    03. FixedAnchor PC Only
  ========================================================== */

  /* .fixedAnchor */
  .fixedAnchor { width: auto; max-width: 1176px; left: 25px; right: 25px; padding: 0; margin-top: -83px; margin-right: auto; margin-left: auto; }
  .fixedAnchor.is-fixed { max-width: 1176px; margin-left: auto; margin-right: auto; }
  .fixedAnchor_item { flex: 1; height: 82px; }
  .fixedAnchor_itemLink { font-weight: 700; font-size: 17px; border-bottom: 4px solid transparent; font-family: "ヒラギノ角ゴ Pro W6",sans-serif; }


  .l-footer__aboutTitle {
    font-size: 30px;
    margin-bottom: 43px;
}
.l-footer__aboutList {
    font-size: 24px;
    font-weight: 800;
    width: 100%;
    max-width: 1176px;
    border-left: 1px solid #dadada;
    margin: 0 auto;
}
.l-footer__aboutList li {
    width: calc(100% / 3);
    border-right: 1px solid #dadada;
}
.l-footer__aboutList li:nth-of-type(-n+3) {
    border-top: 1px solid #dadada;
}
.l-footer__aboutList a {
    height: 82px;
}  

/* .fixedTabs.-current */
.fixedTabs.-current { width: auto; max-width: 1226px; left: 0; right: 0; padding: 0; margin-right: auto; margin-left: auto; }
@keyframes fadeinTop { 0% { transform: translateY(-76px); } 100% { transform: translateY(0); } }


  /* ==========================================================
    04. Base Style PC Only
  ========================================================== */

  /* .fr-pc-mb-xxxl */
  .fr-pc-mb-xxxl { margin-bottom: 64px; margin-top: 125px; }

  /* .fr-breadcrumbs_inner */
  .u-only-pc .fr-breadcrumbs_inner { padding-bottom: 0; margin-left: auto; margin-right: auto; }

  /* .fr-tabs_item */
  .fr-tabs_item.-en { font-size: 17px; line-height: 23.8px; }
  .fixedTabs .fr-tabs_inner { margin-left: 0; margin-right: 0; }
  /* .fr-tabs_itemLink { padding: 0 15px; height: 76px; }
  .fr-tabs_item.-en.-active .fr-tabs_itemInner { padding-bottom: 0; } */

  /* .fr-heading */
  .fr-heading.-h2 { font-size: 30px; line-height: 41px; }
  .fr-heading.-h3 { font-size: 23px; line-height: 32.2px; }
  .fr-heading.-h4 { font-size: 15px; line-height: 19.6px; justify-content: center; }
  .odercomming .fr-heading.-h3 { font-size: 23px;}
  /* .u-align-pc-center */
  .u-align-pc-center { text-align: center; }

  /* .fr-linkButtonParent */
  .fr-linkButtonParent { max-width: 576px; margin-left: auto; margin-right: auto; }
  .fr-linkButton { max-width: 100%; height: 52px; min-height: 52px; }

  /* .fr-anchorButton */
  .fr-anchorButton_item { flex: 1; }
  .fr-anchorButton_itemText { font-size: 17px; }

  /* .introduction */
  .introduction { max-width: 1035px; margin-left: auto; margin-right: auto; position: relative; }
  .introductionImg { width: calc((222/1035)*100%); position: absolute; left: 0; bottom: 0; }
  .introTitle.u-align-center { text-align: left; }

  /* Contents */
  #anchor-1 .fr-heading.-h2 { text-align: center; padding-top: 28px; }

  /* .coupon500Present */
  .coupon500Present { background-color: #fff; }
  .coupon500Present .fr-body { width: 53.3333333333%; margin-left: auto; margin-right: auto; font-size: 23px; line-height: 32.2px; }
  .coupon500Present .fr-body .red { font-size: 23px; line-height: 32.2px; }

  /* .baseflowColumns */
  .baseflowColumnsItems .baseflowColumnsImg { width: calc((166/376)*100%); }
  .baseflowColumnsItems .baseflowColumnsTxt { padding-left: 24px; }
  .uqAppLogo { align-items: center; width: 40.5797101449%; margin-left: auto; margin-right: auto; }
  .uqAppLogo .baseflowColumnsImg { width: 67px; }
  .uqAppLogo .baseflowColumnsTxt { padding-left: 12px; }

  /* .aboutService */
  .aboutService { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .aboutService.flexStart { justify-content: flex-start; }
  .itemsSpace { margin-right: calc((24/1176)*100%); }
  .aboutService.aboutServicePcCenter { justify-content: center; }
  .aboutServiceTitems { display: flex; flex-direction: column; }
  .aboutServiceTitems .fr-linkButtonParent { width: 100%; margin-top: auto; }
  .twoColumns .aboutServiceTitems { width: calc((576/1176)*100%); }
  .twoColumns .baseflowColumnsImg { width: calc((166/576)*100%); }
  .threeColumns .aboutServiceTitems { width: calc((376/1176)*100%); }
  .threeColumns.dummyBox:after { display: block; content:""; width: calc((376/1176)*100%); }
  .relatedServicesLists { display: flex; }
  .relatedServicesLists .aboutServiceTitems { width: calc((216/1176)*100%); }
  .relatedServicesLists .baseflowColumnsItems { flex-direction: column; }
  .relatedServicesLists .baseflowColumnsImg { width: 100%; }
  .relatedServicesLists .baseflowColumnsTxt { flex: 1 auto; padding-left: 0; }
  .relatedServicesLists .baseflowColumnsTxt .fr-body { margin-bottom: 0; }
  .readMore { text-align: left; }
  a:hover .readMore { text-decoration: none; }

  /* .contentsLastBnr */
  .contentsLastBnr { max-width: 576px; margin-left: auto; margin-right: auto; }

  /* .txt-lists */
  .txt-lists li { font-size: 14px; line-height: 19.6px; }
  .txt-lists.u-align-pc-center li:before { display: none; }
  .txt-lists.u-align-pc-center .u-only-pc { display: inline-block; }


  /* ==========================================================
    05. SHOP Style SP Only
  ========================================================== */

  /* .fr-anchorButton */
  #shop .fr-anchorButton_item:last-child { flex: 1; }
}

.wrapper {
  padding-top: 52px;
}

.fr-globalHeader {
  position: fixed;
  top: 0;
}

.introText {
  font-family: UniqloPro Regular,微軟正黑體;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.introText_des {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.introText_content {
  font-family: UniqloPro Regular,微軟正黑體;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  margin:0;
}

.fnt-red{
    color:red !important;
}

.Contents-imagePlusText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.Contents-imagePlusText_imgWrap {
  width: 34.785%;
}

.Contents-imagePlusText_content {
  flex: 1;
  margin-left: 4vw;
}

.Contents-imagePlusText_title {
  font-weight: 700;
  line-height: 19.5px;
}

.Contents-imagePlusText_body {
  line-height: 19.5px;
  word-wrap: break-word;
}

.Contents-stepImage {
  width: calc(100% - 12vw);
  margin-right: auto;
  margin-left: auto;
}

.fr-stepFlow_itemInner, .fr-stepFlow_number {
  margin: 0 auto;
}

.Contents-stepListText {
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}

.Contents-stepList {
  margin-top: -70px;
  padding-top: 70px;
}

.fr-anchorButton {
  /* margin-top: var(--pc-v-l); */
  margin-right: auto;
  margin-left: auto;
  max-width:1176px;
}

.anchorButton_itemImg {
  margin-left: auto;
  margin-right: auto;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 44px;
}

.-vertical {
  padding-bottom: 15px;
}

.-vertical .fr-anchorButton_itemText {
  padding-top: 15px;
}

.Contents-step_Link {
  text-decoration: underline;
}

.note {
  font-size: 11px;
  color: #7d7d7d;
}


/* o-contentsOneToTwoColumnList */
.o-contentsOneToTwoColumnList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box
}

.o-contentsOneToTwoColumnList_item {
    width: 100%;
    display: flex;
    flex-direction: column
}

.o-contentsOneToTwoColumnList_item a[href]:hover,.o-contentsOneToTwoColumnList_item a[href]:hover img {
    cursor: pointer;
    opacity: .8;
    text-decoration: none
}

.o-contentsOneToTwoColumnList_title {
    font-size: 16px;
    font-weight: 700;
    font-family: sans-serif,"微軟正黑體" !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.o-contentsOneToTwoColumnList_title .number {
    color: #c6431d;
    font-family: UniqloPro Light,sans-serif;
    font-weight: 400;
    font-size: 30px
}

.o-contentsOneToTwoColumnList_title .title_inner {
    margin-top: 9px
}

.o-contentsOneToTwoColumnList_title .emphasis {
    color: #c6431d;
}
.o-contentsOneToTwoColumnList_title .onlinesale {
    color: #ffffff;
    background: #c6431d;
    padding: 0 2%;
    border-radius: 25px;
    line-height: 25px;
    margin: 2% auto;

}

.o-contentsTwoToFourColumnList {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.o-contentsTwoToFourColumnList_item {
    width: 50%;
    border-bottom: 1px solid #dadada;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

.o-contentsTwoToFourColumnList_itemInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.o-contentsTwoToFourColumnList_item:nth-child(odd) {
    border-right: 1px solid #dadada
}

.o-contentsTwoToFourColumnList_item:hover {
    cursor: pointer;
    opacity: .8;
    text-decoration: none
}

.o-contentsTwoToFourColumnList_title {
    font-weight: 700;
    font-family: font-family: UniqloPro Regular,sans-serif;
    padding-right: 10px;
    padding-left: 10px;
    display: flex
}

.o-contentsTwoToFourColumnList_title .number {
    color: #c6431d;
    font-family: UniqloPro Light,sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin-top: 0px
}

.o-contentsTwoToFourColumnList_title .title_inner {
    margin-left: 9px;
    font-family: UniqloPro Regular,sans-serif;
    font-size: 16px;
}

.o-contentsTwoToFourColumnList_title .emphasis {
    color: #c6431d
}


@media screen and (min-width: 813px) {
  .wrapper {
    padding-top: 70px;
}


.introText {
    font-size: 20px;
}

.introText_des {
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}

.introText_content {
    font-size: 18px;
}

.Contents-scene, .Contents-step {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.Contents-imagePlusText {
    width: calc(33.333% - 80px);
    margin-left: 40px;
    margin-right: 40px;
    flex-direction: column;
}

.Contents-imagePlusText_imgWrap {
    width: 100%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.Contents-imagePlusText_title {
    text-align: center;
}

.Contents-imagePlusText_content {
    margin-left: 0;
    margin-right: 0;
}

.Contents-imagePlusText_body {
    text-align: center;
}

.Contents-stepList {
    display: block;
    width: calc((100% - 24px)/2);
    margin-top: 50px;
    padding-top: 0;
    padding-right: 6.37755%;
    padding-left: 6.37755%;
}

.Contents-stepImage {
    width: 100%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.fr-stepFlow_itemInner, .fr-stepFlow_number {
    margin: auto;
}

.note {
    margin-right: calc((150 / 1176) * 100%);
    margin-left: calc((40 / 1176) * 100%);
}

.o-contentsOneToTwoColumnList_item {
    width: calc((100% - 24px)/2);
    padding-right: 6.37755%;
    padding-left: 6.37755%
}

.o-contentsOneToTwoColumnList_item:nth-of-type(2n) {
    margin-left: 24px
}

.o-contentsOneToTwoColumnList_title {
    font-size: 23px
}

.o-contentsOneToTwoColumnList_title .number {
    font-size: 36px
}

.o-contentsOneToTwoColumnList_title .title_inner {
    margin-top: 12px
}

.o-contentsOneToTwoColumnList_detailBody {
    flex: 1
}

.o-contentsTwoToFourColumnList {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #dadada
}

.o-contentsTwoToFourColumnList_item {
    width: 25%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada
}

.o-contentsTwoToFourColumnList_item:nth-of-type(n+5) {
    border-top: none
}

.o-contentsTwoToFourColumnList_title {
    padding-right: 20px;
    padding-left: 20px
}

.o-contentsTwoToFourColumnList_title .number {
    font-size: 30px;
    margin-top: 0px
}

.o-contentsTwoToFourColumnList_title .number.-en {
    font-size: 30px
}

.o-contentsTwoToFourColumnList_title .title_inner {
    margin-left: 12px;
    font-family: UniqloPro Regular,sans-serif;
    font-size: 18px;
}

:not(.uq-ios-jp):not(.uq-android-jp) .o-floatDownloadButton {
    display: none
}

.o-tinyContents {
    max-width: 426px
}

.o-littleContents,.o-tinyContents {
    margin-right: auto;
    margin-left: auto
}

.o-littleContents {
    max-width: 477px
}

.o-smallContents {
    max-width: 510px;
    margin-right: auto;
    margin-left: auto
}

.o-smallContents.-en {
    max-width: 490px
}

.fr-linkButton.-l.-white.-en {
    line-height: 1.41
}

.o-downloadApp_item {
    flex-basis: 39.41176%
}

.o-downloadApp_item.-enAppstore {
    flex-basis: 36.73469%
}

.o-downloadApp_item.-enGoogleplay {
    flex-basis: 41.22449%
}

.o-downloadApp_item.-qr {
    display: block;
    flex-basis: 11.76471%
}

.o-downloadApp_item.-qr.-en {
    flex-basis: 12.2449%
}

.o-downloadApp_item:not(:first-of-type) {
    margin-left: 24px
}
.u-adjustHeight {
    display: flex;
    align-items: center;
    justify-content: center
}

.o-contentsOneToTwoColumnList_title .onlinesale {
    line-height: 40px;
}

.textAnnot {
    font-size: 13px;
}



}

.textAnnot {
    font-size: 11px;
}


/**
   * sns
   */

.aside .info-area {
    margin: 60px auto 0;
    text-align: center;
}
.aside .info-area > div:not(.blkItemList):not(.unit):not(.wishlist_heart_icon):not(.l3_alias_color_chip_modal_bg) {
    display: inline-block;
    text-align: center;
}
.aside .info-area > div:nth-child(even) {
    margin: 0 0 0 60px;
}
.aside .info-area .sectionTitle {
    font-size: 15px;
    margin-bottom: 16px;
    line-height: 1.1em;
    letter-spacing: 0.05em;
}
.aside .info-area .links .link-content {
    display: inline-block;
    vertical-align: top;
}
.aside .info-area .links .link-content {
    display: inline-block;
    vertical-align: top;
}
.aside .info-area .sectionTitle.txt-jp {
    font-size: 15px;
    line-height: 1.1em;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
.aside .info-area .updates .links .link-content {
    width: 45px;
    text-align: center;
}
.aside .info-area .sns .links .link-content {
    margin-left: 12px;
    width: 40px;
}
.aside .info-area .sns .links .link-content:first-child {
    margin-left: 0;
}
.aside .info-area .links a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
}
.aside .info-area .links a span {
    display: block;
    margin-top: 10px;
    position: relative;
    line-height: 1.25;
}
.aside .info-area .links a span.txt-jp {
    font-size: 12px;
}
.aside .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;
}
.aside .is-pc .info-area .links a:hover span:before {
    width: 100%;
}

.updates.pc-show {
    display: inline-block !important;
}
.updates.m-show {
    display: none !important;
}

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

@media (max-width: 813px) {
    .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);
    }
    .aside .info-area {
        margin: 0;
        text-align: left;
    }
    .aside .footer {
        display: none;
    }
    .aside .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;
    }
}

.odercomming{
    border: 1.5px solid #dadada;
    padding: 2%;
    background-color: #f1f3f6;
    margin-bottom:50px;
}

.odercomming .odercomminglink {
    margin-top:1%;
}


    /*  header start*/
	.RPlqr {
		background-color: rgb(255, 255, 255);
		border-bottom: 1px solid rgb(218, 218, 218);
		position: fixed;
		top: 0px;
		left: 0px;
		height: 55px;
		width: 100%;
		z-index: 10;
	}

	.hlIOnx {
		-webkit-box-align: center;
		align-items: center;
		display: flex;
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		height: 100%;
	}

	.MsQQU {
		-webkit-box-align: center;
		align-items: center;
		display: flex;
		height: 100%;
	}

	.izqOYF {
		display: block;
	}

	.izqOYF svg {
		width: auto;
		height: 33px;
		vertical-align: bottom;
	}

	.ejZQpd {
		-webkit-box-align: center;
		align-items: center;
		display: none;
		height: 100%;
		margin-top: 1px;
		margin-left: 32px;
	}

	.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;
	}


	@media (min-width: 813px){
		.RPlqr {
			height: 73px;
		}
		
		.hlIOnx {
			max-width: 1176px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.izqOYF svg {
			width: 90px;
			height: 40px;
		}
		
		.ejZQpd {
			display: flex;
		}
	}

 /* header End */