@charset "UTF-8";
.btn_page_top {
    display: none;
}



/*------------------------------------------------------
タブ
-------------------------------------------------------*/
.tab {
	cursor: pointer;
}
.panel1,
.panel2,
.panel3,
.panel4,
.panel5 {
	display: none;
}
.panel1.tab_on,
.panel2.tab_on,
.panel3.tab_on,
.panel4.tab_on,
.panel5.tab_on {
	display: block;
}

.uno .nav-area,
.uno .fv,
.uno .mainbg {
	background: #790e2a;
}
.dos .nav-area,
.dos .fv,
.dos .mainbg {
	background: #0c3659;
}
@media only screen and (min-width: 768px) {
	.fv__img01,
	.fv__imgtext {
		/*max-width: 1200px;*/
		margin: auto;
	}
}



/*------------------------------------------------------
追加
-------------------------------------------------------*/
.gift__text {
  text-align: center;
}
.gift__title-sub .jp {
  color: #4d4d4d;
}



.block_salmon .bg {
  background: #f7ebe8;
}
.block_salmon .gift__title-sub {
  color: #d98e8e;
}
.block_salmon .gift__text {
  color: #d97070;
}

.block_pink .bg {
  background: #fff2fd;
}
.block_pink .gift__title-sub {
  color: #da89c1;
}
.block_pink .gift__text {
  color: #c66caa;
}

.block_yellow .bg {
  background: #f8f4e2;
}
.block_yellow .gift__title-sub {
  color: #c7ae44;
}
.block_yellow .gift__text {
  color: #b39a30;
}

.block_gray .bg {
  background: #e8eaed;
}
.block_gray .gift__title-sub {
  color: #8b97a3;
}
.block_gray .gift__text {
  color: #6c7886;
}

.block_blue .bg {
  background: #e1ebef;
}
.block_blue .gift__title-sub {
  color: #6a99ad;
}
.block_blue .gift__text {
  color: #61717b;
}

.block_black .bg {
  background: #dadad8;
}
.block_black .gift__title-sub {
  color: #6b7f8b;
}
.block_black .gift__text {
  color: #4c5a63;
}



/* BROWN LOOP 補正 */
.loop_sec .gift__text {
    margin-top: 1.5em;
}
.loop_sec .gift__presents,
.arc_sec .gift__presents,
.tao100_sec .gift__presents {
  margin-bottom: 6.25vw;
}
@media print, screen and (min-width: 1360px) {
  .loop_sec .gift__presents,
  .arc_sec .gift__presents,
  .tao100_sec .gift__presents {
    margin-bottom: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .bg {
    position: absolute;
    width: calc(750 *(100vw/750));
    border-radius: 3.2vw;
  }
  .lft .bg {
    left: calc(-30 *(100vw/750));
    right: auto;
  }
  .rgt .bg {
    left: auto;
    right: 0;
    width: calc(720 *(100vw/750));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .pearl_sec .bg {
    height: calc(2928 *(100vw/750));
  }
  .pearl_sec .gift__special {
    margin-bottom: 6.9vw;
  }
  .shopper_sec .bg {
    height: calc(4089 *(100vw/750));
  }
  .shopper_sec .gift__special {
    margin-bottom: 6.6vw;
  }
  .mother_sec .bg {
    height: calc(2000 *(100vw/750));
  }
  .loop_sec .bg {
    height: calc(2462 *(100vw/750));
  }
  .loop_sec .gift__presents,
  .arc_sec .gift__presents,
  .tao100_sec .gift__presents {
    margin-bottom: 12vw;
  }
  .aura_sec .bg {
    height: calc(3870 *(100vw/750));
  }
  .aura_sec .gift__special {
    margin-bottom: 6.6vw;
  }
  .wear_sec .bg {
    height: calc(1392 *(100vw/750));
  }
  .wear_sec .wear__inner,
  .gift__inner.starwars,
  .gift__inner.shobber {
    margin-bottom: 12vw;
  }
  .resno_sec .bg {
    height: calc(2044 *(100vw/750));
  }
  .resno_sec .gift__presents {
    margin-bottom: 16.3vw;
  }

  .starwars_sec .bg {
    height: calc(2800 *(100vw/750));
  }
  .arc_sec .bg {
    height: calc(1420 *(100vw/750));
  }
  .tao100_sec .bg {
    height: calc(1974 *(100vw/750));
  }
  .shobber_sec .bg {
    height: calc(5399 *(100vw/750));
  }
  .shobber_sec.column3 .bg {
    height: calc(5369 *(100vw/750));
  }
  .shobber_sec .gift__special {
    margin-bottom: 6.6vw;
  }
  .premium_sec .bg {
    height: calc(3308 *(100vw/750));
  }


  .lft .gift__text,
  .lft .gift__img-main,
  .lft .gift__presents,
  .lft .gift__special,
  .lft .wear__inner {
    padding-right: calc(30 *(100vw/750));
  }
.lft .gift__title-sub {
    text-align: left;
    margin-left: 0;
  }

  .rgt .gift__text,
  .rgt .gift__img-main,
  .rgt .gift__presents,
  .rgt .gift__special,
  .rgt .wear__inner {
    padding-left: calc(30 *(100vw/750));
  }
.rgt .gift__title-sub {
    text-align: right;
    margin-right: 0;
  }



}



@media only screen and (min-width: 768px) {
.block_salmon {
  background: #f7ebe8;
}
.block_pink {
  background: #fff2fd;
}
.block_yellow {
  background: #f8f4e2;
}
.block_gray {
  background: #e8eaed;
}
.block_blue {
  background: #e1ebef;
}
.block_black {
  background: #dadad8;
}

.mainbg {
    padding-bottom: 60px;
}
  .gift {
    border-radius: 15px;
    margin: 0 60px;
    padding: 0;
  }

  .gift__inner.novelty {
    padding-top: 0;
    padding-bottom: 90px;
  }
  .gift__inner {
    padding-top: 75px;
    padding-bottom: 12px;
  }



}



/*------------------------------------------------------
角丸（ラディウス）
-------------------------------------------------------*/
.gift__img-main img {
	border-radius: 15px;
}
.present-item {
	border-radius: 12px;
	overflow: hidden;
}
.shopper_sec .present-item img,
.starwars_sec .present-item img,
.shobber_sec .present-item img,
.wear_sec .rank-items img {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.rank-items.tab-contents img {
	border-radius: 12px;
}
.wrapping-item img {
	border-radius: 12px;
}

@media only screen and (max-width: 767px) {
	.gift__img-main img {
		border-radius: 15px;
	}
	.present-item {
		border-radius: 2.56vw;
	}
	.shopper_sec .present-item--spColumn .img-wrap,
	.starwars_sec .present-item--spColumn .img-wrap,
	.shobber_sec .present-item--spColumn .img-wrap,
	.resno_sec .present-item--spColumn .img-wrap {
		margin: 0.8vw auto 0;
	}
	.shopper_sec .present-item img,
	.starwars_sec .present-item img,
	.shobber_sec .present-item img,
	.resno_sec .present-item img,
	.wear_sec .rank-items img,
	.rank-items.tab-contents img {
		border-top-left-radius: 2.08vw;
		border-top-right-radius: 2.08vw;
	}
	.wrapping-item img {
		border-radius: 2.08vw
	}
}


@media print, screen and (min-width: 768px) {
	.shopper_sec .present-item--pc3column .img-wrap .next-arrow,
	.shopper_sec .present-item--pc4column .img-wrap .next-arrow,
	.shobber_sec .present-item--pc3column .img-wrap .next-arrow,
	.shobber_sec .present-item--pc4column .img-wrap .next-arrow {
		right: -0.3vw;
  }
	.shopper_sec .present-item--pc3column .img-wrap .prev-arrow,
	.shopper_sec .present-item--pc4column .img-wrap .prev-arrow,
	.shobber_sec .present-item--pc3column .img-wrap .prev-arrow,
	.shobber_sec .present-item--pc4column .img-wrap .prev-arrow {
		left: -0.3vw;
  }
}



.scene-item {
    border-radius: 12px;
    z-index: 1;
}




/*------------------------------------------------------
RESNOのウェア
-------------------------------------------------------*/
p.gift__text.panel4 {
    margin-top: -1.5em;
}
@media only screen and (max-width: 767px) {
	.resno_sec .slick-track {
		height: calc(100vw * 0.4);
	}

    p.gift__text.panel4 {
        margin-top: -6vw;
    }
}



/*------------------------------------------------------
リエリィのウェア
-------------------------------------------------------*/
.wear_sec .rank-items .scene-item {
	background: #fff;
}

.wear__inner {
	max-width: 1000px;
	width: 73.529%;
	margin: 0 auto;
}

.wear__inner .scene-items {
    grid-gap: 1.44vw 1.44vw;
}
.wear__inner .scene-items .scene-item {
	width: 100%;
	border: solid 1px var(--color-main);
	padding: 1.8666666667vw 1.8666666667vw 2.6666666667vw;
}

@media only screen and (max-width: 767px) {
	.wear__inner {
		max-width: none;
		width: 89.3%;
	}
	.wear__inner .scene-items .scene-item {
		width: 41.9vw;
	}
}

@media only screen and (min-width: 768px) {
	.wear__inner {
		padding-top: 0;
		padding-bottom: 6.6em;
		margin-top: -1.2em;
	}
	.gift__inner.starwars {

		padding-bottom: 6.6em;

	}
}



/*------------------------------------------------------
追従ナビ
-------------------------------------------------------*/
.fix-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;

  margin: 0 auto;
  width: 60vw;
  padding: 0vw;
  /*JavaScriptイベント*/
  /*初期値*/
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /*クラスを付与した時*/
}
.cuatro ul.anchor-nav {
	width: 80%;
}

.fix-nav.is-visible {
  opacity: 0.95;
  visibility: visible;
}
.fix-nav__item a img {
  height: auto;
}

.anchor-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

	width: 100%;
	margin: auto;
}



@media only screen and (max-width: 767px) {
	.fix-nav {
		width: 100%;
		padding: 0vw;
	}
	.fix-nav .nav {
		padding: 2.4vw 7.2vw;
		gap: 4.5vw;
	}
}
@media only screen and (min-width: 768px) {
	.fix-nav .nav {
		padding: 0 9vw 1.5vw;
	}
	.nav__item.tabfix,
	.nav__item.tabfix2 {
		width: 39%;
	}
}
@media print, screen and (min-width:1360px) {
	.fix-nav {
		width: 600px;
		padding: 0;
	}
	.fix-nav .nav {
		padding: 0 60px 12px;
	}
}



/*------------------------------------------------------
その他
-------------------------------------------------------*/
i {
	font-style: normal;
}
.gift__special.shobber_spacer {
    margin-bottom: 9em;
}
@media only screen and (max-width: 767px) {
    .gift__special.shobber_spacer {
        margin-bottom: calc(150 *(100vw/750));
    }
	.shobber_sec i.sg160 {
		font-size: 96%;
	}
    .gift.loop_sec {
        padding-bottom: 12.3vw;
    }
    .gift.premium_sec {
        padding-bottom: 13vw;
    }
	.gap_spacer {
        padding-bottom: 1.3333333333vw;
    }
}
@media only screen and (min-width: 768px) {
	.shobber_sec i.vega {
		font-size: 96%;
	}
}
@media only screen and (min-width: 1360px) {
	.starwars_sec i.storm {
		font-size: 96%;
	}

    p.gift__presents-banner {
        margin-bottom: -12px;
        padding-bottom: 6.6em;
    }
}

a:hover {
    opacity: 1;
    filter: brightness(120%);
}