@charset "UTF-8";
/*SP表示の際に左右に余白がつく要素を囲んでください。--------------------------------------------------------*/
.f-c-widthControl {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 12px;
}

.f-c-widthControl.f-c-widthControl--narrow {
  max-width: 740px;
}

@media screen and (min-width: 1145px) {
  .f-c-widthControl {
    padding: 0;
  }
}

.f-c-fullSizeTxtBlock,
.f-c-narrowSizeTxtBlock {
  padding: 0 14px;
}

.f-c-normalTxt {
  font-size: 14px;
  line-height: 1.6;
  margin: 16px auto 0;
}

.f-c-normalTxt + .f-c-normalTxt {
  margin-top: 12px;
}

.f-c-pageTitle {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding: 20px 10px;
  text-align: center;
}

.f-c-pageTitle span {
  display: inline-block;
}

.f-c-caution {
  color: #000;
  font-size: 11px;
  line-height: 1.8;
  margin-bottom: 16px;
  text-align: left;
}

@media screen and (min-width: 601px) {
  /* PCレイアウトで幅100%未満、モバイルで幅100%で配置する場合に使用 */
  .f-c-narrowSizeTxtBlock {
    padding: 0;
  }

  .f-c-normalTxt {
    margin: 20px auto 0;
    font-size: 16px;
  }

  .f-c-pageTitle {
    padding: 40px 10px 50px;
  }

  .f-c-caution {
    margin-bottom: 14px;
    text-align: center;
  }

}

@media screen and (min-width: 1145px) {
  .f-c-fullSizeTxtBlock {
    padding: 0;
  }
}

/*商品詳細---------------------------------------------------------------------------------------------*/
.f-c-goodsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

.f-c-goods {
  box-sizing: border-box;
  width: 80%;
  margin:0 auto 50px;
}

.f-c-goodsWrap.f-c-goodsWrap--flexible .f-c-goods {
  width: 50%;
  padding: 0 6px;
  margin: 0 0 50px;
}

.f-c-goods.is-double {
  width: 50%;
  padding: 0 6px;
  margin: 0 0 50px;
}

@media screen and (min-width: 601px) {
  .f-c-goods {
    width: 45%;
    max-width: 342px;
    padding: 10px;
    margin: 0 0 50px;
  }

  .f-c-goods.is-pcTriple {
    width: 33%;
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    padding: 10px;
    margin: 0 0 50px;
  }

  .f-c-goods.is-pcQuad {
    width: 25%;
    padding: 10px;
    margin: 0 0 50px;
  }

  .f-c-goodsWrap.f-c-goodsWrap--flexible .f-c-goods {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    padding: 10px;
  }
}

@media screen and (min-width: 751px) {
  .f-c-goodsWrap.f-c-goodsWrap--flexible .f-c-goods {
    width: 25%;
  }
}

.f-c-goodsPhoto {
  margin-bottom: 10px;
  text-align: center;
}

.f-c-goodsPhotoImg {
  border-radius: 10px;
}

.f-c-goodsName {
  font-size: 12px;
}

.f-c-goodsPrice {
  font-size: 18px;
  margin-bottom: 10px;
}

.f-c-goodsPriceTax {
  font-size: 12px;
  display: inline-block;
}

.f-c-goodsDescription {
  color: #787878;
  margin-bottom: 10px;
}

.f-c-cartBtn {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items: center;
}

.f-c-cartBtnSize {
  box-sizing: border-box;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

.f-c-cartBtnSize.f-c-cartBtnSize--short {
  width: 10%;
}

.f-c-cartBtnSize.f-c-cartBtnSize--middle {
  width: 17%;
}

.f-c-cartBtnSize.f-c-cartBtnSize--long {
  width: 25%;
}

.f-c-cartBtnAnc {
  background: #47D9C0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 16px 0;
  text-align: center;
  width: 100%;
}

.f-c-cartBtnSize--short + .f-c-cartBtnAnc {
  width: 90%;
}

.f-c-cartBtnSize--middle + .f-c-cartBtnAnc {
  width: 83%;
}

.f-c-cartBtnSize--long + .f-c-cartBtnAnc {
  width: 75%;
}

.f-c-cartBtnAnc:hover {
  color: #fff;
}

.f-c-cartBtnAnc::before {
  content: '';
  width: 14px;
  height: 14px;
  background: url(https://cdn.super-groupies.com/images/feature/common/cart_l.svg) center bottom no-repeat;
  background-size: 14px 13px;
  display: inline-block;
  margin-right: 9px;
}

.f-c-cartBtnAnc.is-closed {
  background: #ddd;
  pointer-events: none;
}

.f-c-detailPageBtn {
  margin-bottom: 10px;
}

.f-c-detailPageBtnAnc {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #656565;
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: 16px 0;
  position: relative;
  text-align: center;
}

.f-c-detailPageBtnAnc:hover {
  color: #656565;
}

.f-c-detailPageBtnAnc::after {
  content: '';
  position: absolute;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: auto;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #47D9C0;
  border-right: 2px solid #47D9C0;
}

/*受注生産について---------------------------------------------------------------------------------------------*/
.f-c-bto {
  background: #f9f9f9;
  box-sizing: border-box;
  padding: 20px 12px;
  text-align: left;
}

.f-c-btoHeading {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 14px;
}

.f-c-btoPreorderPeriod ,
.f-c-btoShippingDate {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 16px;
}

.f-c-btoNote {
  color: #656565;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 16px;
}

@media screen and (min-width: 601px) {
  .f-c-bto {
    padding: 30px 12px;
    text-align: center;
  }

  .f-c-btoPreorderPeriod ,
  .f-c-btoShippingDate {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 14px;
  }

  .f-c-btoNote {
    margin-bottom: 14px;
  }
}

/*クレジット---------------------------------------------------------------------------------------------*/
.f-c-credit {
  border: 1px solid #636363;
  color: #636363;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 auto 50px;
  padding: 14px;
  box-sizing: border-box;
}

.f-c-creditHeading {
  font-weight: bold;
}

.f-c-creditTxt a {
  text-decoration: underline;
  /* color: #636363; */
  color: #47D9C0;
}

.f-c-creditTxt a:hover {
  text-decoration: none;
}

@media screen and (min-width: 601px) {
  .f-c-credit {
    margin-bottom: 80px;
  }
}

/*================================================================================
project
================================================================================*/
.f-nijisanji_01_bag {
  margin-bottom: 30px;
  word-break: normal;
}

.f-nijisanji_01_bag img {
  width: 100%;
}

.f-nijisanji_01_bag-fv {
  text-align: center;
}

.f-nijisanji_01_bag-fvMainVis {
  display: inline-block;
  max-width: 1120px;
  width: 100%;
}

.f-nijisanji_01_bag-fvLogo {
  text-align: center;
  padding: 30px 0 10px;
}

.f-nijisanji_01_bag-fvLogo img {
  width: 200px;
  height: auto;
}

.f-nijisanji_01_bag-fvCopyright {
  color: #656565;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 36px;
  padding: 0 12px;
}

.f-nijisanji_01_bag-introOuter {
  margin: 50px auto 100px;
  padding: 0;
}

.f-nijisanji_01_bag-introCatch {
  font-size: 24px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
}

.f-nijisanji_01_bag-introCatch__span01 {
  color: #A660A7;
}

.f-nijisanji_01_bag-introCatch__span02 {
  color: #95C8D8;
}

.f-nijisanji_01_bag-introTxt {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

.f-nijisanji_01_bag-normalLink {
  color: #47D9C0;
  text-decoration: underline;
}

.f-nijisanji_01_bag-normalLink:hover {
  color: #47D9C0;
}

.f-nijisanji_01_bag-introTxt + .f-nijisanji_01_bag-introTxt {
  margin-top: 1em;
}

.f-nijisanji_01_bag-announce {
  text-align: center;
  margin-bottom: 80px;
  border: 1px solid #95C8D8;
  border-radius: 50px 0 50px 0;
  padding: 6px;
  box-sizing: border-box;
}

.f-nijisanji_01_bag-announceInner {
  border: 1px solid #A660A7;
  border-radius: 44px 0 44px 0;
  box-sizing: border-box;
  padding: 36px 10px;
}

.f-nijisanji_01_bag-announceHeading {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 25px;
  font-weight: bold;
}

.f-nijisanji_01_bag-announceTxt {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 14px;
  text-align: center;
}

.f-nijisanji_01_bag-announceTxt + .f-nijisanji_01_bag-announceTxt {
  margin-top: 12px;
}

.f-nijisanji_01_bag-announceImgBlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.f-nijisanji_01_bag-announceImg {
  margin-bottom: 36px;
}

.f-nijisanji_01_bag-announceCaution {
  font-size: 12px;
  text-align: left;
}

.f-nijisanji_01_bag-announceNote {
  font-size: 12px;
  text-align: left;
  margin-top: 15px;
  line-height: 1.6;
  color: #7c7c7c;
}

.f-nijisanji_01_bag-introLineupHeading {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.f-nijisanji_01_bag-introLineup {
  margin: 20px auto 0;
  display: flex;
  max-width: 1000px;
  text-align: center;
}

.f-nijisanji_01_bag-introLineup__item {
  box-sizing: border-box;
  width: 50%;
  text-align: center;
  display : flex;
  justify-content: center;
}

.f-nijisanji_01_bag-introLineupAnc {
  position: relative;
  width: 90%;
  padding-bottom: 30px;
  display : flex;
  flex-direction: column;
}

.f-nijisanji_01_bag-introLineupAnc::before {
  border-bottom: 4px solid #47D9C0;
  border-right: 4px solid #47D9C0;
  bottom: 0;
  content: '';
  height: 8px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
}

.f-nijisanji_01_bag-introLineupImg {
  width: 100%;
}

.f-nijisanji_01_bag-introLineupName {
  color: #000;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
  flex: 1 0 auto;
}

@media screen and (min-width: 601px) {
  .f-nijisanji_01_bag-introOuter {
    margin: 50px auto 150px;
  }

  .f-nijisanji_01_bag-introCatch {
    font-size: 28px;
    margin-bottom: 36px;
  }

  .f-nijisanji_01_bag-introTxt {
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
  }

  .f-nijisanji_01_bag-announce {
    margin-bottom: 150px;
    border-radius: 100px 0 100px 0;
    padding: 10px;
  }

  .f-nijisanji_01_bag-announceInner {
    border-radius: 90px 0 90px 0;
    padding: 50px 20px;
  }

  .f-nijisanji_01_bag-announceHeading {
    font-size: 30px;
    margin-bottom: 36px;
  }

  .f-nijisanji_01_bag-announceImg {
    margin-bottom: 50px;
  }


  .f-nijisanji_01_bag-announceTxt {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .f-nijisanji_01_bag-introLineupHeading {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .f-nijisanji_01_bag-introLineup {
    margin: 30px auto 0;
  }

  .f-nijisanji_01_bag-introLineupName {
    font-size: 16px;
  }
}

.f-nijisanji_01_bag-secMainBlock::after {
  content: '';
  background-repeat: no-repeat;
  display: block;
  background-image: url(https://cdn.super-groupies.com/images/feature/nijisanji_01_bag/img/line_01.jpg);
  width: 50px;
  background-size: 100% auto;
  background-position: top;
}

.f-nijisanji_01_bag-secHeading {
  max-width: 1120px;
}

.f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira {
  padding-top: 118px;
  position: relative;
  box-sizing: border-box;
}

.f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira::before,
.f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira::after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
}

.f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira::before {
  top: 0;
  background-color: #A660A7;
}

.f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira::after {
  top: 8px;
  background-color: #95C8D8;
}

.f-nijisanji_01_bag-copyright {
  color: #656565;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 36px;
  padding: 0 12px;
  box-sizing: border-box;
}
.f-nijisanji_01_bag-goodsWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 740px;
}

.f-hades_02_bag-subSecYaminoHeading::before {
  content: '';
  background-image: url(https://cdn.super-groupies.com/images/feature/nijisanji_01_bag/img/line_01.jpg);
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  background-position: center;
  width: auto;
  height: 25px;
  margin-bottom: 36px;
}

.f-hades_02_bag-subSecEliraHeading::before {
  content: '';
  background-image: url(https://cdn.super-groupies.com/images/feature/nijisanji_01_bag/img/line_02.jpg);
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  background-position: center;
  width: auto;
  height: 25px;
  margin-bottom: 36px;
}

.f-nijisanji_01_bag-videosTitle {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}

.f-nijisanji_01_bag-videosBlock {
  display: block;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

.f-nijisanji_01_bag-videosBlockItem {
  width: 100%;
}

.f-nijisanji_01_bag-videosBlockItem + .f-nijisanji_01_bag-videosBlockItem {
  margin-top: 50px;
}

.f-nijisanji_01_bag-videosBlockItemTitle.f-nijisanji_01_bag-videosBlockItemTitle--yamino {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  color: #A660A7;
}

.f-nijisanji_01_bag-videosBlockItemTitle.f-nijisanji_01_bag-videosBlockItemTitle--pendora {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  color: #95C8D8;
}

.f-nijisanji_01_bag-videoinner {
  text-align: center;
}

.f-nijisanji_01_bag-videosBlockItem__line {
  margin-bottom: 20px;
  text-align: center;
}

.f-nijisanji_01_bag-videosBlockItem__line img {
  width: 240px;
}

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

  .f-nijisanji_01_bag-secHeading {
    margin: 0 auto 25px;
  }

  .f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira {
    padding-top: 170px;
  }

  .f-nijisanji_01_bag-secHeading.f-nijisanji_01_bag-secHeading--elira::after {
    top: 10px;
  }

  .f-hades_02_bag-subSecYaminoHeading::before {
    height: 56px;
    margin-bottom: 50px;
  }

  .f-hades_02_bag-subSecEliraHeading::before {
    height: 56px;
    margin-bottom: 50px;
  }

  img.f-hades_02_bag-goodsPhotoImg {
    width: 90%;
    margin: 0 auto;
  }

  .f-nijisanji_01_bag-videosTitle {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .f-nijisanji_01_bag-videosBlock {
    display: flex;
    width: 740px;
  }

  .f-nijisanji_01_bag-videosBlockItem {
    width: calc(50% - 18px);
  }

  .f-nijisanji_01_bag-videosBlockItem + .f-nijisanji_01_bag-videosBlockItem {
   margin-top: 0px;
  }

  .f-nijisanji_01_bag-videosBlockItemTitle.f-nijisanji_01_bag-videosBlockItemTitle--yamino {
   font-size: 24px;
   margin-bottom: 10px;
  }

  .f-nijisanji_01_bag-videosBlockItemTitle.f-nijisanji_01_bag-videosBlockItemTitle--pendora {
   font-size: 24px;
   margin-bottom: 10px;
  }

  .f-nijisanji_01_bag-videosBlockItem__line {
   margin-bottom: 20px;
   text-align: center;
  }

  .f-nijisanji_01_bag-videosBlockItem__line img {
   width: 325px;
  }

}

/*================================================================================
Utility
================================================================================*/
/*margin---------------------------------------------------------------------------------------------*/
.f-u-mb-l { margin: 0 auto 80px;}
.f-u-mb-m { margin: 0 auto 50px;}
.f-u-mb-s { margin: 0 auto 36px;}
@media screen and (min-width: 601px) {
  .f-u-mb-l { margin: 0 auto 150px;}
  .f-u-mb-m { margin: 0 auto 100px;}
  .f-u-mb-s { margin: 0 auto 50px;}
}
.f-u-mt0 { margin-top: 0 !important;}
.f-u-mb0 { margin-bottom: 0 !important;}

/*width---------------------------------------------------------------------------------------------*/
.f-u-w-10 { width: 10%;}
.f-u-w-20 { width: 20%;}
.f-u-w-30 { width: 30%;}
.f-u-w-40 { width: 40%;}
.f-u-w-50 { width: 50%;}
.f-u-w-60 { width: 60%;}
.f-u-w-70 { width: 70%;}
.f-u-w-80 { width: 80%;}
.f-u-w-90 { width: 90%;}
.f-u-w-100 { width: 100%;}
@media screen and (min-width: 601px) {
  .f-u-w-pc10 { width: 10%;}
  .f-u-w-pc20 { width: 20%;}
  .f-u-w-pc30 { width: 30%;}
  .f-u-w-pc40 { width: 40%;}
  .f-u-w-pc50 { width: 50%;}
  .f-u-w-pc60 { width: 60%;}
  .f-u-w-pc70 { width: 70%;}
  .f-u-w-pc80 { width: 80%;}
  .f-u-w-pc90 { width: 90%;}
  .f-u-w-pc100 { width: 100%;}
}
/*---------------------------------------------------------------------------------------------*/
.f-u-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
.f-u-blockC { margin-left: auto; margin-right: auto;}
.f-u-ta-c { text-align: center !important;}
.f-u-ta-l { text-align: left !important;}
.f-u-ta-r { text-align: right !important;}
.f-u-mincho { font-family: '游明朝', 'YuMincho', '游明朝体', 'Yu Mincho', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'Kozuka Mincho Std', '小塚明朝 Std R', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;}
.f-u-fw-b { font-weight: bold !important;}
.f-u-fw-n { font-weight: normal !important;}
/*---------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {.f-u-pcOnly { display: none !important;}}
@media screen and (min-width: 601px) {.f-u-spOnly { display: none !important;}}