/* ==========================================================
  APP Only
========================================================== */





/* ==========================================================
  Img Style
========================================================== */

/* data-aspect-ratio */
[data-aspect-ratio="823:412"]:before { padding-top: calc((412 / 823) * 100%); }
[data-aspect-ratio="524:150"]:before { padding-top: calc((150 / 524) * 100%); }
[data-aspect-ratio="142:48"]:before { padding-top: calc((48 / 142) * 100%); }
[data-aspect-ratio="158:48"]:before { padding-top: calc((48 / 158) * 100%); }

/* Key Visual */
.fr-img.-kv, .fr-img.-cast { -webkit-backface-visibility: hidden; backface-visibility: hidden; }


/* ==========================================================
  Base Style SP Only
========================================================== */

/* style */
.note { font-size: 11px; }

/* contentsCard */
.fr-contentsCard.-live { padding-top: 36px; padding-right: 15px; padding-left: 15px; }
.fr-contentsCard.-streamList { padding: 36px 0 0; }

/* stream list */
.streamList_title { font-size: 14px; font-weight: 700; }
.streamList_date { font-size: 13px; font-family: "UniqloPro Regular", sans-serif; color: #7d7d7d; }
.streamList_title, .streamList_date { padding-right: 4vw; padding-left: 4vw; }

/* Anchor */
.fr-contentsCard.-live.l-anchorAdjustBox, .js-fixedAnchor_3.l-anchorAdjustBox { margin-top: -68px; padding-top: 68px; }

/* iframe */
.live_screen { width: 100%; height: 640px; }
.iframe-content { width: 100%; height: 640px; }

/* reload */
.reload_link { z-index: 1; }
.reload_text { font-size: 11px; text-align: center; }

/* .castInfo_detail */
.castInfo_detail { background-color: #f4f4f4; padding: 24px 15px; }
.castInfo_detailHeading { font-weight: 700; font-size: 17px; text-align: center; }
.castInfo_detailName { font-weight: 700; font-size: 14px; }

/* .introductory_item */
.introductory_itemTitle { font-size: 14px; font-weight: 700; }
.introductory_itemSize { font-size: 13px; color: #7d7d7d; }
.-live .fr-productGridParent { padding: 15px 0 0; }
.-live .fr-productGrid { width: calc(33.333% - 10px); margin-right: 15px; }
.-live .fr-productGrid:nth-child(3n) { margin-right: 0; }
.-live .fr-productGrid:nth-child(n+4){ margin-top: 21px; }
.-live .fr-productGrid_content { padding: 9px 0 0; }
.-live .fr-productGrid_name, .fr-productGrid_price, .fr-productGrid_text { line-height: 19.5px; margin-top: 3px; }
.-live .fr-productGrid_price { font-family: "UniqloPro Bold", sans-serif; white-space: nowrap; overflow: visible; }
.onsale { font-size: 14px; font-weight: 700; }
.sp-inch { height: 19px; line-height: 19.5px; }

/* lineup */
.lineup_section { padding-right: var(--sp-h-1g); padding-left: var(--sp-h-1g); }
.lineup { display: flex; flex-wrap: wrap; }
.lineup_item { margin-right: 15px; margin-top: 15px; width: calc(50% - 10px); }
.lineup_item:nth-of-type(2n) { margin-right: 0; }
.lineup_body, .lineup_title { margin-top: 9px; }
.lineup_title { font-weight: 700; }
.lineup_item .fr-img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* Style Hint */
.logo_wrapper { width: 262px; margin-right: auto; margin-left: auto; }
.app_wrapper { margin-top: 9px; margin-bottom: 24px; }
.app_box { display: flex; flex-wrap: nowrap; justify-content: center; margin: 0; }
.appImg_wapper.-appStore { width: 142px; height: 47.5px; margin-right: 9px; }
.appImg_wapper.-googlePlay { width: 158px; height: 47.5px; }

/* negativeMargin */
.negativeMargin-top { margin-top: -15px; }

/* ==========================================================
  Modal Style SP Only
========================================================== */

/* data-aspect-ratio */
[data-aspect-ratio="772:563"]:before { padding-top: calc((563 / 772) * 100%); }
[data-sp-aspect-ratio="611:571"]:before { padding-top: calc((611 / 571) * 100%); }

/* style */
.fr-textLink.-modal { text-align: right; cursor: pointer; }
.modalArea {
  visibility: hidden;
  opacity : 0;
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .6s;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
}
.modalWrapper {
  position: absolute;
  top: 0;
  left: 4vw;
  width: calc(100% - 8vw);
  margin: 21px auto;
  padding: 21px 4vw;
  background-color: #fff;
  overflow: auto;
}
.is-show {
  visibility: visible;
  opacity : 1;
}
.closeModal {
  position: relative;
  z-index: 10;
}
.closeModal:after {
  position: absolute;
  top: -4px;
  right: -4px;
  display: inline-block;
  content: "";
  width: 19px;
  height: 19px;
  background-image: url(/jp/ja/contents/live-commerce/img/modal_close.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.step { display: flex;}
.step_no { border: 1px solid #dadada; font-family: "UniqloPro Light", sans-serif; font-size: 24px; line-height: 30px; text-align: center; width: 30px; height: 30px; }
.step_title { font-weight: 700; font-size: 13px; margin:auto 15px; }
.swiper-parent.-howTo { overflow: visible;}
.swiper-wrapper.-howTo { align-items: flex-start;}
.swiper-button-next.-howTo, .swiper-button-prev.-howTo { top: 60%;}
.swiper-button-next.-howTo { margin-right: -4vw;}
.swiper-button-prev.-howTo { margin-left: -4vw;}


@media screen and (min-width: 813px) {

  /* ==========================================================
    Base Style PC Only
  ========================================================== */

  /* contentsCard */
  .fr-contentsCard.-live, .fr-contentsCard.-streamList { max-width: 876px; margin-left: auto; margin-right: auto; padding-top: 64px; padding-bottom: 0; }

  /* Anchor */
  .l-anchorAdjustBox { margin-top: -81px; padding-top: 81px; }
  .js-fixedAnchor_3.l-anchorAdjustBox { margin-top: -81px; padding-top: 81px; }

  /* stream list */
  .streamList { display: flex; flex-wrap: wrap; justify-content: center; }
  .streamList_item { display: block; width: calc(33.3% - 16px); }
  .streamList_item:not(:last-child) { margin-right: 24px;}
  .streamList_title { font-size: 14px; }
  .streamList_date { font-size: 14px; line-height: 19.6px; }
  .streamList_title, .streamList_date { padding-right: 0; padding-left: 0; }

  /* 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 {
    cursor: pointer;
    opacity: 0.8;
    text-decoration: none;
  }
  .fr-linkButton { transition: 0.5s; }

  /* iframe */
  .live_screen {
    background-image: url(/jp/ja/contents/live-commerce/img/live_bgimage.jpg?20210222);
    width: 100%;
    height: 640px;
    z-index: 100;
    padding-top: 0;
    text-align: center;
  }
  .iframe-content { width: 360px; }
  .iframe-content:hover { cursor: pointer; opacity: 0.8; }

  /* .castInfo_detail */
  .castInfo_detail { padding: 28px; }
  .castInfo_detailHeading { font-size: 20px; }
  .castInfo_detailName { font-size: 17px; }

  /* .introductory_item */
  .introductory_itemTitle { font-size: 17px; padding-left: 0; }
  .-live .fr-productGridParent { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px 0 0; }
  .-live .fr-productGrid { width: calc(20% - 1vw); margin-right: 1vw; }
  .-live .fr-productGrid:nth-child(n+4) { margin-top: 0; }
  .-live .fr-productGrid:nth-child(n+6){ margin-top: 20px; }
  .-live .fr-productGrid:nth-child(2n) { margin-right: 1vw; }
  .-live .fr-productGrid:nth-child(3n) { margin-right: 1vw; }
  .-live .fr-productGrid:nth-child(5n) { margin-right: 0; }
  .-live .fr-productGrid_content { padding-top: 12px; }
  .-live .fr-productGrid_name, .fr-productGrid_price { margin-top: 8px; }
  .-live .fr-productGrid_text { margin-top: 4px; }

  /* Line Up */
  .lineup_section { margin-right: 15%; margin-left: 15%; padding-right: 0; padding-left: 0; }
  .lineup_item { width: calc(25% - 2vw); margin-top: 28px; margin-right: 0; }
  .lineup_body, .lineup_title { margin-top: 8px; }

  /* negativeMargin */
  .negativeMargin-top { margin-top: -28px; }

  /* ==========================================================
    Modal Style PC Only
  ========================================================== */

  /* data-aspect-ratio */
  [data-pc-aspect-ratio="774:514"]:before { padding-top: calc((514 / 774) * 100%); }

  /* style */
  .fr-textLink.-modal { text-align: center; }
  .modalWrapper {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 625px;
    padding: 28px 72px;
  }
  .closeModal:after {
    position: absolute;
    top: -18px;
    right: -62px;
  }
  .step_no { font-size: 26px; line-height: 39px; justify-content: center; width: 39px; height: 39px; }
  .step_title { font-size: 17px; margin: auto 20px; }
  .swiper-button-next.-howTo, .swiper-button-prev.-howTo { top: 60%;}
  .swiper-button-next.-howTo { margin-right: -72px; }
  .swiper-button-prev.-howTo { margin-left: -72px; }
  .fr-linkButton.-moreButtonHowto { margin: 15px auto 0; }
}

@media screen and (max-width: 389px) {
  /* inch for SP */
  .sp-inch { height: 32px; line-height: 16px;}
}

@media screen and (max-width: 894px) and (min-width: 813px) {
  /* inch for max-width: 894px */
  .pc-inch { height: 32px; line-height: 16px; }
}

















/* ==========================================================
  Img Style
========================================================== */

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





.html{font-family: ヒラギノ角ゴ Pro W6,sans-serif; font-size: 16px;}
.fr-heading.-h1{font-size: 1rem;}
.lazyloaded{opacity: 1; -webkit-transition: opacity 3s; transition: opacity 3s;}

header .lazyloaded{opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s;}

.main_inner {
	max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

main.main{width: 100%;}


/*   products   */

.preorderItems .products_itemWrapper {
    display: block;
    padding-top: 0;
}

.preorderItems .products_item {
    margin-right: 0;
    width: auto;
}
.preorderItems.products_inner{margin-top:6%;}
.preorderItems .products_itemInner{padding-top:2%;}
.preorderItems .products_itemInner p{display: inline;}
.preorderItems .products_itemPrice,.preorderItems .products_itemName,.preorderItems .products_itemBtn,.otheritems .products_itemPrice{font-size: 1rem; line-height: 1.2em;}
.preorderItems .products_itemPrice {margin-top: 0; color:#bd2035;}
.preorderItems .products_itemsale {color:#bd2035;}
.preorderItems .products_annotation {font-size: 0.7rem;}

.preorderItems .products_itemBtn{
    font-size: 0.5rem;
    background: #000;
    color: #fff;
    padding: 3px;
}

.itemSection{
	padding-right:25%;
    padding-left:25%;
}
.prdselect .products_itemPrice {font-size: 0.8rem; line-height: 1.2em; color:#bd2035;}
.prdselect .products_itemsale {font-size: 0.7rem; color:#bd2035;}

.sect01{background: linear-gradient(180deg, transparent 0%, transparent 30%, #adb2b7 30%, #adb2b7 100%); justify-content: center; align-items: center;}
.sect01Img01{z-index:9999; width:60%; text-align:right; margin-left:auto;}
.sect01Img02{width:50%; margin-top:-14%;}
.sect02Img01{width:70%;}
.sect02Img02{width:60%; text-align:right; margin-left:auto;}
.sect03{padding-top:7%; background: linear-gradient(180deg, #808080 0%, #808080 40%, transparent 40%, transparent 100%); justify-content: center; align-items: center;}
.sect03Img01{width:80%;text-align: right;margin-left:auto;}
.sect04{padding-top:10%; background: linear-gradient(180deg, transparent 0%, transparent 20%, #b5a6a5 20%, #b5a6a5 100%); justify-content: center; align-items: center;}
.sect04Img02{width:75%;}
.sect04Img01{margin-top:-6%; width:65%;text-align: right;margin-left:auto;}
.sect05Img01{width:80%; text-align:center; margin-left:auto;}
.sect06{padding-top:10%; background: linear-gradient(180deg, transparent 0%, transparent 30%, #b6bdbb 30%, #b6bdbb 100%); justify-content: center; align-items: center;}
.sect06Img01{width:70%;}
.sect06Img02{width:65%;text-align: right;margin-left:auto;}
.sect07{padding-top:10%; background: linear-gradient(180deg, #bda991 0%, #bda991 50%, transparent 50%, transparent 100%); justify-content: center; align-items: center;}
.sect07Img01{width:80%;}
.sect08Img01{width:80%; text-align:center; margin-left:auto;}
.sect09{padding-top:7%; background: linear-gradient(180deg, #aca89a 0%, #aca89a 60%, transparent 60%, transparent 100%); justify-content: center; align-items: center;}
.sect09Img02{width:60%; text-align:right; margin-left:auto;}
.sect09Img01{width:50%; margin-top:-14%;}


.productAll_btn{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(27, 27, 27);
    display: block;
    font-family: "ヒラギノ角ゴ Pro W6", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 4em;
    margin-top: 21px;
    margin-right: 4vw;
    margin-left: 4vw;
    padding-right: 21px;
    padding-left: 21px;
    text-align: center;
}


@media screen and (max-width: 389px) {
  /* inch for SP */
    .itemSection{padding-right:7%; padding-left:7%;}
    .preorderItems .products_itemPrice,.preorderItems .products_itemName,.preorderItems .products_itemBtn{font-size: 0.8rem; line-height: 1.2em;}
    .itemSection p,.preorderIntro p{font-size:0.7rem;} 
    .preorderItems .products_itemBtn{font-size: 0.5rem;}
    .productAll_btn{font-size: 12px;}
}


@media screen and (max-width: 894px) and (min-width: 390px) {
  /* inch for max-width: 894px */
    .itemSection{padding-right:7%; padding-left:7%;}
}