@charset "utf-8";/***アニメーション-ここから***/
/*アニメーション-スクロールフェードイン*/
.anime_scroll_in {
  transition: all ease 1.5s;
    /*出現前は全て透明に*/
  opacity: 0;
}
    /*classに応じて出現前の位置や大きさを設定*/
.toUp {
  transform: translateY(20px);
}
.toDown {
  transform: translateY(-20px);
}
.toLeft {
  transform: translateX(20px);
}
.toRight {
  transform: translateX(-20px);
}
.toBig {
  transform: scale(0.8);
}
    /*画面に入った後は元の位置や大きさに戻る*/
.fadeIn.anime_scroll_in {
  opacity: 1;
}
.fadeIn.toUp {
  transform: translateY(0);
}
.fadeIn.toDown {
  transform: translateY(0);
}
.fadeIn.toLeft {
  transform: translateX(0);
}
.fadeIn.toRight {
  transform: translateX(0);
}
.fadeIn.toBig {
  transform: scale(1);
}
/*アニメーション-ふわふわ*/
.anime_fuwa_ts_wrapper {
  animation: floating-x_ts 8s ease-in-out infinite alternate-reverse;
}
.anime_fuwa_ts_target {
  animation: floating-y_ts 2s ease-in-out infinite alternate-reverse;
}
@keyframes floating-x_ts {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(10%);
  }
}
@keyframes floating-y_ts {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}
.anime_fuwa_cn_wrapper {
  animation: floating-x_cn 2s ease-in-out infinite alternate-reverse;
}
.anime_fuwa_cn_target {
  animation: floating-y_cn 8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-x_cn {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(5%);
  }
}
@keyframes floating-y_cn {
  0% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(20%);
  }
}
/*アニメーション-ゆらゆら*/
.anime_yura_right {
  transform-origin: center bottom;
  animation: yurayura_right 3s ease-in-out infinite;
}
@keyframes yurayura_right {
  0%, 100% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
  }
}
.anime_yura_left {
  transform-origin: center bottom;
  animation: yurayura_left 3s ease-in-out infinite;
}
@keyframes yurayura_left {
  0%, 100% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
}
/***アニメーション-ここまで***/
/***パーツ位置-ここから***/
/**PC版**/
/*基準座標*/
.xmas_mv_container {
    width: 800px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}
/*位置調整*/
.xmas_mv_title {
    width: 450px;
    position: absolute;
    top: 262px;
    left: 175px; 
}
.xmas_mv_star {
    width: 454px;
    position: absolute;
    top: 387px;
    left: 175px;
}
.anime_fuwa_mv_ts {
    width: 289px;
    position: absolute;
    top: 120px;
    left: 0px;  
}
.anime_fuwa_mv_cn {
     width: 168px;
     position: absolute;
     top: 117px;
     left: 564px;  
}
.anime_yura_mv_ku {
    width: 108px;
    position: absolute;
    top: 577px;
    left: 180px;  
}
.anime_yura_mv_kt {
    width: 120px;
    position: absolute;
    top: 625px;
    left: 343px;  
}
.anime_yura_mv_pn {
    width: 136px;
    position: absolute;
    top: 599px;
    left: 536px;  
}
.anime_yura_mv_mm {
    width: 94px;
    position: absolute;
    top: 718px;
    left: 130px;  
}
.anime_yura_mv_pc {
    width: 127px;
    position: absolute;
    top: 833px;
    left: 331px;  
}
.anime_yura_mv_ap {
    width: 116px;
    position: absolute;
    top: 741px;
    left: 576px;  
}
.curtain {
    width: 800px;
    position: absolute;
    top: 0px;
    left: 0px;  
}
/**PC版ここまで**/
/**タブレット版ここから**/
@media screen and (max-width: 800px) {
/*基準座標*/
.xmas_mv_container {
    width: 100vw;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}
/*位置調整*/
.xmas_mv_title {
    width: 56.25vw;
    position: absolute;
    top: 32.75vw;
    left: 21.875vw; 
}
.xmas_mv_star {
    width: 56.75vw;
    position: absolute;
    top: 48.375vw;
    left: 21.875vw;
}
.anime_fuwa_mv_ts {
    width: 36.125vw;
    position: absolute;
    top: 15vw;
    left: 0px;  
}
.anime_fuwa_mv_cn {
     width: 21vw;
     position: absolute;
     top: 14.625vw;
     left: 70.5vw;  
}
.anime_yura_mv_ku {
    width: 13.5vw;
    position: absolute;
    top: 72.125vw;
    left: 22.5vw;  
}
.anime_yura_mv_kt {
    width: 15vw;
    position: absolute;
    top: 78.125vw;
    left: 42.875vw;  
}
.anime_yura_mv_pn {
    width: 17vw;
    position: absolute;
    top: 74.875vw;
    left: 67vw;  
}
.anime_yura_mv_mm {
    width: 11.75vw;
    position: absolute;
    top: 89.75vw;
    left: 16.25vw;  
}
.anime_yura_mv_pc {
    width: 15.875vw;
    position: absolute;
    top: 104.125vw;
    left: 41.375vw;  
}
.anime_yura_mv_ap {
    width: 14.5vw;
    position: absolute;
    top: 92.625vw;
    left: 72vw;  
}
.curtain {
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;  
}
}
/**タブレット版ここまで**/
/**スマホ版ここから**/
@media screen and (max-width: 750px) {
/*基準座標*/
.xmas_mv_container {
    width: 94.007vw;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}
/*位置調整*/
.xmas_mv_title {
    width: 52.879vw;
    position: absolute;
    top: 30.787vw;
    left: 20.564vw; 
}
.xmas_mv_star {
    width: 53.349vw;
    position: absolute;
    top: 45.476vw;
    left: 20.564vw;
}
.anime_fuwa_mv_ts {
    width: 33.96vw;
    position: absolute;
    top: 14.101vw;
    left: 0px;  
}
.anime_fuwa_mv_cn {
     width: 19.741vw;
     position: absolute;
     top: 13.749vw;
     left: 66.275vw;  
}
.anime_yura_mv_ku {
    width: 12.691vw;
    position: absolute;
    top: 67.803vw;
    left: 21.152vw;  
}
.anime_yura_mv_kt {
    width: 14.101vw;
    position: absolute;
    top: 73.443vw;
    left: 40.306vw;  
}
.anime_yura_mv_pn {
    width: 15.981vw;
    position: absolute;
    top: 70.388vw;
    left: 62.985vw;  
}
.anime_yura_mv_mm {
    width: 11.046vw;
    position: absolute;
    top: 84.371vw;
    left: 15.276vw;  
}
.anime_yura_mv_pc {
    width: 14.924vw;
    position: absolute;
    top: 97.885vw;
    left: 38.895vw;  
}
.anime_yura_mv_ap {
    width: 13.631vw;
    position: absolute;
    top: 87.074vw;
    left: 67.685vw;  
}
.curtain {
    width: 94.007vw;
    position: absolute;
    top: 0px;
    left: 0px;  
}
}
/**スマホ版ここまで**/
/***パーツ位置-ここまで***/    
/***TOPアンカー-ここから***/ 
/**PC版**/ 
.top_anchor_area_10 {
  width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 72px 24px;
  background: url(https://shop.sanrio.co.jp/photo/page/20231012/01_anchor_10_2026.png);
  background-size: 100%;
}
.top_anchor_area_item {
  width: 462px;
  margin: 0 auto;
  padding-bottom: 14px;
}
/**タブレット・スマホ版**/
@media screen and (max-width: 800px) {
.top_anchor_area_10 {
  width: 88.889vw;
  padding: 8vw 2.667vw;
}
.top_anchor_area_item {
  width: 51.333vw;
  padding-bottom: 1.1vw;
}
}
/***TOPアンカー-ここまで***/
/***ボタン-ここから***/
/**PC版**/
.more-btn {
  width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px 0;
}
.all-btn {
  width: 680px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 64px;
}
/**タブレット・スマホ版**/
@media screen and (max-width: 800px) {
.more-btn img{
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4vw 6vw;
}
.all-btn img{
  padding-bottom: 7vw;
}
}
/***ボタン-ここまで***/
/***おすすめ-ここから***/
/**PC版**/
#osusume {
  margin:0 auto;
  box-sizing: border-box;
  padding: 40px 0;
  background-color: #e4aa87;
}
.pick-up {
  width: 740px;
  margin: 0 auto;
}
.pick-up img {
  margin: 24px 0;
  border-radius: 16px;
}
/**タブレット・スマホ版**/
@media screen and (max-width: 800px) {
#osusume {
  padding: 4.444vw 0;
}
.pick-up {
  width: 82.222vw;
}
.pick-up img {
  margin: 2.667vw 0;
  border-radius: 1.778vw;
}
}
/***おすすめ-ここまで***/
/***贈り物選び-ここから***/
/**PC版**/
#okurimono {
  margin:0 auto;
  box-sizing: border-box;
  padding: 40px 0;
  background-color:#9bb48d;
}
.o_anchor img {
  width: 496px;
  margin: 0 152px;
}
.o_title img {
  margin-top: 64px;
  margin-bottom: 32px;
}
/**タブレット・スマホ版**/
@media screen and (max-width: 800px) {
#okurimono {
  padding: 4.444vw 0;
}
.o_anchor img {
  width: 70vw;
  margin: 0 12vw;
}
.o_title img {
  margin-top: 7.111vw;
  margin-bottom: 3.556vw;
}
}
/***贈り物選び-ここまで***/
/***ラッピング-ここから***/
/**PC版**/
#wrapping {
  margin:0 auto;
  box-sizing: border-box;
  padding: 40px 0;
  background-color:#a4b3c0;
}
.block-wrapper {
  margin-bottom: 48px;
}
.w-text-box p {
  width: 670px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 32px;
  color: #56371b;
  
}
.w_title p {
  margin-top:48px;
  margin-bottom:24px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
  border-bottom: 2px solid #8799b2;
  padding-bottom: 2px;
}
.w_text p {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: justify;
}
.w_list-box {
  max-width: 640px;
  margin: 0 80px;
  box-sizing: border-box;
}
.w_list-box>li {
  display: list-item;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #56371b; 
  text-align: justify;
}
.w_sub-title p {
  font-size: 1.6rem;
  line-height: 2;
}
/**タブレット版**/
@media screen and (max-width: 800px) {
#wrapping {
  padding: 4.444vw 0;
}
.block-wrapper {
  margin-bottom: 5.333vw;
}
.w-text-box p {
  width: 74.444vw;
  padding-bottom: 3.556vw;
}
.w_title p {
  margin-top:5.333vw;
  margin-bottom:2.667vw;
  padding-bottom: 0.222vw;
}
.w_list-box {
  max-width: 71.111vw;
  margin: 0 8.889vw;
  padding-left: 3.2vw;
}
}
/**スマホ版**/
@media screen and (max-width: 750px) {
.w_list-box {
  max-width: 80vw;
  margin: 0 10vw;
  padding-left: 3.2vw;
}
}
/***ラッピング-ここまで***/