@charset "UTF-8";
.kittyCollaboration2 img {
  width: 100%;
}

/* =========================== アニメーション =============================== */
.fadeIn {
  opacity: 0;
  visibility: hidden;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s 0.3s;
}
.fadeIn.active {
  opacity: 1;
  visibility: visible;
}

.fadeIn_second {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: opacity 0.7s 0.2s, transform 0.7s 0.2s;
  backface-visibility: hidden;
}
.fadeIn_second.active {
  opacity: 1;
  visibility: visible;
  transform: none;
}

#indexTop .btn01 {
  margin: 10% auto 0;
  max-width: 220px;
  width: 96.5%;
}
#indexTop .btn01 a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  line-height: 1;
  color: #3E3A39;
  padding: 23px 0 25px;
  background-color: #fff;
  transition: all ease-out 0.3s;
  border: solid 1px #3E3A39;
  width: 100%;
}
#indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div,
#indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  line-height: 1;
  color: #3E3A39;
  padding: 23px 0 25px;
  background-color: #fff;
  transition: all ease-out 0.3s;
  border: solid 1px #3E3A39;
  width: 100%;
}
#indexTop .btn01 a svg {
  flex-shrink: 0;
  display: block;
  max-width: 33px;
  width: 100%;
  height: 24px;
}
#indexTop .btn01 a svg path {
  fill: #3E3A39;
  transition: all ease-out 0.3s;
}

@media screen and (min-width: 769px) {
  #indexTop .btn01 a:hover {
    color: #fff;
    background-color: #3E3A39;
    border: solid 1px #fff;
  }
  #indexTop .btn01 a:hover svg path {
    fill: #fff;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div:hover {
    color: #fff;
    background-color: #3E3A39;
    border: solid 1px #3E3A39;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div:hover svg path {
    fill: #fff;
  }
}
@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .btn01 {
    max-width: 14.361vw;
    width: 86%;
  }
  #indexTop .btn01 a {
    font-size: 1.7vw;
    padding: 1vw 1vw 1.2vw 1.3vw;
  }
  #indexTop .btn01 a svg {
    margin-left: 1%;
    max-width: 1.8vw;
    height: 1.667vw;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .minContainer {
    padding: 0 5.33vw;
  }
  #indexTop .pcOnly {
    display: none !important;
  }
  #indexTop .spOnly {
    display: block !important;
  }
  #indexTop .btn01 a,
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div,
  #indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div {
    margin: auto;
    width: 94.789%;
    font-size: 4.5vw;
    padding: 2.735vw 0 2.933vw 1.333vw;
  }
  #indexTop .btn01 a svg,
  #indexTop .btn01 div svg {
    max-width: 5.8vw;
    height: 5.067vw;
    margin-left: 2vw;
  }
  #indexTop .android .btn01 a,
  #indexTop .android .btn01 div {
    padding: 2.735vw 0 3.933vw 1.333vw;
  }
}
/* =========================== 共通 =============================== */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap'); */
.JuliusSansOne {
  font-family: "Julius Sans One", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.Mplus1p {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ZenMaruGothic {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.MrsSaintDelafield {
  font-family: "Mrs Saint Delafield", serif;
  font-weight: 700;
  font-style: normal;
}

.ConcertOne {
  font-family: "Concert One", serif;
  font-weight: 700;
  font-style: normal;
}

#indexTop {
  font-family: "M PLUS 1p", sans-serif;
  background: #FAF2F2;
  overflow: hidden;
}
#indexTop .spOnly {
  display: none !important;
}
#indexTop .minContainer {
  width: 100%;
  padding: 0 20px;
  /*max-width: 1406px;*/
  margin-left: auto;
  margin-right: auto;
}
#indexTop .maxContainer {
  width: 100%;
  /*max-width: 1480px;*/
  margin-left: auto;
  margin-right: auto;
}
#indexTop p {
  padding: 0;
  margin: 0;
}

#indexTop * {
  -webkit-font-smoothing: antialiased;
}

#indexTop *:not(a) {
  /*color: #404040;*/
  letter-spacing: 0;
}

.footer {
  margin-top: 0px !important;
}

@media screen and (max-width: 768px) {
  #indexTop .minContainer {
    padding: 0 5.33vw;
  }
  #indexTop .pcOnly {
    display: none !important;
  }
  #indexTop .spOnly {
    display: block !important;
  }
  #indexTop .btn01 {
    max-width: 100%;
  }
  #indexTop .btn01 a svg,
  #indexTop .btn01 div svg {
    /*max-width: 6.8vw;*/
    height: 5.067vw;
    margin-left: 0;
  }
  #indexTop .android .btn01 a {
    padding: 2.4vw 0 2.933vw 1.333vw;
  }
  #indexTop .btn02 {
    height: 20vw;
  }
  #indexTop .btn02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6.4vw;
    height: 100%;
    padding: 0;
    border-radius: 90px;
  }
  #indexTop .android .btn02 a {
    padding: 0 0 1.5vw;
  }
  #indexTop .android .btn02 a .ZenMaruGothic {
    font-size: 5.6vw;
    padding: 0;
  }
  #indexTop .btn02.cart a {
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 16vw;
  }
  #indexTop .android .btn02.cart a {
    padding: 0 0 0 16vw;
  }
  #indexTop .android .btn02.cart a > span {
    padding: 0 0 1vw;
  }
  #indexTop .btn02.cart a svg {
    height: 7.6vw;
    margin-left: 0;
  }
}
/* =========================== メインビジュアル =============================== */
#indexTop .mainVisualArea {
  overflow: hidden;
  background-image: url(/hellokitty.collaboration2/images/index/mainview_back_pc.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  visibility: hidden;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s;
  backface-visibility: hidden;
}
#indexTop .mainVisualArea .titleArea_wrap {
  position: relative;
  height: 61vw;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea {
  position: absolute;
  top: 41%;
  left: 50%;
  width: 47.3%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: auto;
  /*max-width: 60%;*/
  opacity: 0;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s 0.3s;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea img {
  width: 100%;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt {
  margin: auto;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_txt01 {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 76%;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_txt02 {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 53.5%;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_img02 {
  position: absolute;
  top: 71%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 51.6%;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_img03 {
  position: absolute;
  top: 87%;
  left: 18%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 9.3%;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_img04 {
  position: absolute;
  top: 35%;
  left: 86%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 9.4%;
}
#indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_img05 {
  position: absolute;
  top: 82%;
  left: 84%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 6.3%;
}
#indexTop .mainVisualArea.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .mainImg {
  position: absolute;
  top: 8.2%;
  left: 50%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s;
  backface-visibility: hidden;
}
#indexTop .mainVisualArea .mainImg.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .mainImg img {
  width: 100%;
}
#indexTop .mainVisualArea.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .topGoods01 {
  position: absolute;
  top: 41%;
  left: 82.5%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 41.6667%;
  opacity: 0;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s 0.3s;
}
#indexTop .mainVisualArea .topGoods01.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .topGoods02 {
  position: absolute;
  top: 36.5%;
  left: 26%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 26%;
  opacity: 0;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s 0.3s;
}
#indexTop .mainVisualArea .topGoods02.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .topGoods_txt01 {
  position: absolute;
  top: 66.5%;
  left: 91.5%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 35%;
  opacity: 0;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s 0.3s;
}
#indexTop .mainVisualArea .topGoods_txt01.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .topGoods_txt01 p {
  font-size:4.947916vw;
  color: #D89AB7;
  transform: rotate(-15deg);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
}
#indexTop .mainVisualArea .topGoods_txt02 {
  position: absolute;
  top: 32.5%;
  left: -7.5%;
  transform: translate(-50%, -50%);
  transform: rotate(-0.25turn);
  font-size: 4.84375vw;
  opacity: 0;
  transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s 0.3s;
}
#indexTop .mainVisualArea .topGoods_txt02.active {
  opacity: 1;
  visibility: visible;
}
#indexTop .mainVisualArea .topGoods_txt02 p {
  line-height: 1.1;
  letter-spacing: 0.4vw;
}

@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .mainVisualArea .topGoods_txt02 {
    font-size: 4.84375vw;
    left: -7%;
  }
  #indexTop .mainVisualArea .topGoods_txt01 p {
    font-size: 4.947919vw;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .mainVisualArea {
    margin-top: 58px;
    height: 163.333vw;
    max-height: 1300px;
    background-image: url(/hellokitty.collaboration2/images/index/mainview_back_sp.png);
    background-size: cover;
  }
  #indexTop .mainVisualArea .mainImg {
    top: 38.133vw;
  }
  #indexTop .mainVisualArea .deco01 {
    top: 22vw;
    left: 2.133vw;
  }
  #indexTop .mainVisualArea .titleArea {
    top: 42%;
    left: 50%;
    width: 90%;
  }
  #indexTop .mainVisualArea .titleArea_wrap .titleArea {
    top: 113%;
    left: 54%;
    width: 85.4%;
  }
  #indexTop .mainVisualArea .titleArea_wrap .titleArea .titleArea_txt01 {
    top: 22%;
    left: 46%;
    width: 69.61%;
  }
  #indexTop .mainVisualArea .titleArea_wrap .titleArea .titleArea_txt02 {
    top: 39.3%;
    left: 45%;
    width: 52.37%;
  }
  #indexTop .mainVisualArea .titleArea_wrap .titleArea_txt .titleArea_img02 {
    top: 71%;
    left: 45%;
    width: 46.684%;
  }
  #indexTop .mainVisualArea .topGoods01 {
    top: 184.5%;
    left: 93%;
    width: 83%;
    z-index: 2;
  }
  #indexTop .mainVisualArea .topGoods02 {
    top: 183.5%;
    left: 21%;
    width: 57%;
  }
  #indexTop .mainVisualArea .topGoods_txt01 {
    top: 232%;
    left: 81.7%;
    width: 90%;
    z-index: 1;
  }
  #indexTop .mainVisualArea .topGoods_txt01 p {
    font-size: 12.666666vw;
    line-height: 0.8;
  }
  #indexTop .mainVisualArea .titleArea_txt .titleArea_img02 {
    top: 72%;
    left: 50%;
    width: 47%;
  }
}
/* =========================== goods =============================== */
#indexTop .gift {
  position: relative;
  padding-top: 35px;
  padding-bottom: 90px;
}
#indexTop .gift .gift_text01 {
  font-size: 2.2rem;
  line-height: 3;
  text-align: center;
  letter-spacing: 0.1rem;
  max-width: 820px;
  margin: auto;
}
#indexTop .gift .gift_text02 {
  position: relative;
}
#indexTop .gift .gift_text02::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -562px;
  left: calc(50% - 820px);
  max-width: 385px;
  /*width: 20%;*/
  height: 844px;
  width: 100%;
  background-image: url(/hellokitty.collaboration2/images/index/goods_img01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#indexTop .gift .gift_text02::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -390px;
  right: calc(50% - 760px);
  /*width: 19%;*/
  max-width: 364px;
  width: 100%;
  height: 844px;
  background-image: url(/hellokitty.collaboration2/images/index/goods_img02.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#indexTop .gift .gift_img01 {
  position: absolute;
  top: 1%;
  left: 18%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 20%;
  max-width: 385px;
}
#indexTop .gift .gift_img01_sp {
  position: absolute;
  top: 70%;
  left: 10%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 7.62%;
}
#indexTop .gift .gift_img02 {
  position: absolute;
  top: 0;
  left: 81%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 19%;
  max-width: 364px;
}
#indexTop .gift .gift_contents_wrap .gift_contents {
  position: absolute;
  left: calc(50% - 220px);
  z-index: 1;
  width: 100%;
  max-width: 1363px;
}
#indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_img {
  margin-top: -8%;
  width: 100%;
  max-width: 915px;
}
#indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap {
  position: absolute;
  height: 122%;
  top: 6%;
  left: calc(50% - 1145px);
  background-image: url(/hellokitty.collaboration2/images/index/goods_img05@2x.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  /*width: 35.1%;*/
  width: 100%;
  transition: all ease-out 0.3s;
  color: #fff !important;
  max-width: 674px;
}
#indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock {
  position: absolute;
  top: 4%;
  left: 30%;
  width: 38%;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 {
  position: absolute;
  top: -20%;
  left: 28%;
  width: 47.8%;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt {
  position: absolute;
  top: 39%;
  left: 85%;
  width: 85%;
  line-height: 2;
  text-align: center;
  font-size: 2.3rem;
}
#indexTop .gift .gift_contents_wrap .gift_contents_txt01 {
  position: absolute;
  top: 53%;
  left: calc(50% - 88px);
  z-index: 1;
  width: 100%;
  max-width: 700px;
  transform: translate(-50%, -50%);
  transform: rotate(90deg);
  font-size: 7rem;
}
#indexTop .gift .gift_contents_wrap .gift_contents_txt01 p {
  line-height: 1.1;
  letter-spacing: 0.1vw;
  color: #D89AB7;
}

@media screen and (min-width: 769px) {
  #indexTop .kittyClock .gift_contents_clock_wrap:hover {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05-2.png);
    color: #3E3A39 !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .gift {
    padding-top: 0;
    padding-bottom: 11.5%;
  }
  #indexTop .gift .gift_text01 {
    width: 42.3%;
    font-size: 1.14583vw;
  }
  #indexTop .gift .gift_text02::before {
    top: 251%;
    bottom: 0;
    left: -23%;
    width: 47.5%;
    transform: translate(-50%, -50%);
    height: 55vh;
  }
  #indexTop .gift .gift_text02::after {
    top: 44%;
    bottom: 0%;
    right: -69%;
    transform: translate(-50%, -50%);
    width: 47%;
    height: 29vh;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents_txt01 {
    font-size: 3.6vw;
    top: 78%;
    left: calc(50% + 23px);
  }
  #indexTop .gift .gift_contents_wrap .gift_contents_txt01 p {
    letter-spacing: 0.3vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents {
    left: 36%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap {
    width: 36.5%;
    height: 130%;
    top: 2%;
    left: -24%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_img {
    position: relative;
    width: 49.8%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 {
    left: 34%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt {
    top: 35.5%;
    left: 81%;
    font-size: 1.04vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 {
    max-width: 11.46vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 a {
    padding: 0.8vw 1vw 1vw 1.3vw;
    font-size: 1.25vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div {
    padding: 0.8vw 1vw 1vw 1.3vw;
    font-size: 1.25vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 a svg {
    max-width: 1.7vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div svg {
    max-width: 1.7vw;
  }
  #indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div svg {
    max-width: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .gift {
    height: 250vw;
    padding: 0;
  }
  #indexTop .gift .flex {
    margin-top: 13%;
  }
  #indexTop .gift .flex .img02 {
    max-width: 100%;
  }
  #indexTop .gift .flex .img02 .img {
    height: 54vw;
  }
  #indexTop .gift .flex .rightBox {
    top: 6%;
    max-width: 84.6667%;
  }
  #indexTop .gift .gift_text01 {
    margin-top: 13%;
    line-height: 2;
    font-size: 4.3vw;
  }
  #indexTop .gift .gift_text02 {
    margin-top: 5%;
  }
  #indexTop .gift .gift_text03 {
    margin-top: 6%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents {
    display: block;
    width: 90%;
    left: 5%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_img {
    margin-top: 2%;
    width: 87.409%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05_sp@2x.png);
    top: 178%;
    left: 0%;
    background-size: cover;
    width: 99.26%;
    height: 100%;
    padding: 36.5vw;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 {
    top: -14%;
    left: 28%;
    width: 45%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock02 .gift_contents_clock02_txt {
    line-height: 1.8;
    font-size: 4.26666vw;
    top: 27%;
    left: 93%;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents_txt01 {
    top: 111.5%;
    left: 5%;
    width: 100%;
    font-size: 9.33333vw;
    transform: rotate(0);
  }
  #indexTop .gift .gift_contents_wrap .gift_contents_txt01 p {
    letter-spacing: 0.3vw;
  }
}
#indexTop .flex {
  position: relative;
  margin-top: 310px;
  display: flex;
  justify-content: end;
  height: 550px;
}
#indexTop .flex .img01 {
  max-width: 50%;
  width: 100%;
  height: 645px;
  overflow: hidden;
}
#indexTop .flex .img01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#indexTop .flex .img02 {
  position: relative;
  max-width: 89.177%;
  width: 100%;
  margin: 0 0 0 auto;
}
#indexTop .flex .img02 .img {
  max-width: 100%;
  width: 100%;
  height: 57rem;
  overflow: hidden;
}
#indexTop .flex .img02 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
#indexTop .flex .leftBox {
  position: absolute;
  left: 0;
  max-width: 50%;
  width: 100%;
  padding: 0 110px 0 0;
}
#indexTop .flex .leftBox .img02 {
  margin: 0 auto 0 0;
}
#indexTop .flex .rightBox {
  position: absolute;
  top: 0%;
  right: 0;
  max-width: 52.565%;
  width: 100%;
}
#indexTop .flex .collaboWatchTxt {
  max-width: 570px; /*67.06%*/
  width: 100%;
  font-size: 2.2rem;
  line-height: 2.36;
  color: #4d4141;
  margin: 0 0 125px;
}

@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .flex {
    margin-top: 17%;
    height: 32vw;
  }
  #indexTop .flex .rightBox {
    top: -2%;
  }
  #indexTop .flex .img02 .img {
    height: 30vw;
  }
}
/* =========================== datail ============================= */
#indexTop .datail {
  padding-top: 135px;
}
#indexTop .datail .detailPointTit {
  position: relative;
  margin: auto;
  /*width: 39%;*/
  width: 100%;
  max-width: 744px;
}
#indexTop .datail .detailPointTit .detailPointTit_txt {
  position: absolute;
  top: 21.5%;
  left: 44.5%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  font-size: 10rem;
  letter-spacing: 0.5rem;
}
#indexTop .datail .detailPointTit .packagePointTit_txt_point {
  position: absolute;
  top: 54.5%;
  left: 62.3%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  font-size: 6rem;
  letter-spacing: 0rem;
  transform: rotate(-10deg);
  color: #D89AB7;
  width: 100%;
  font-weight: 500;
}
#indexTop .datail .detailPointTit .detailPointTit_img01 {
  position: absolute;
  top: 13.5%;
  left: -19%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 44.9%;
  /*max-width: 334px;*/
}
#indexTop .datail .detailPointTit .detailPointTit_img02 {
  position: absolute;
  top: 6%;
  left: 118%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 44.35%;
  /*max-width: 330px;*/
}
#indexTop .datail .detailPoint_wrap {
  padding-bottom: 165px;
}
#indexTop .datail .detailPoint_wrap .flex {
  margin-top: 215px;
  height: 83rem;
}
#indexTop .datail .detailPoint_wrap .flex .rightBox {
  top: 52%;
}
#indexTop .datail .detailPoint_wrap .detailPoint {
  position: absolute;
  margin: -132px auto 0;
  left: calc(50% - 578px);
  max-width: 1285px;
  width: 100%;
  /*width: 66.9%;*/
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01 {
  position: absolute;
  top: 12.5%;
  left: 29%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  /*max-width: 153px;*/
  width: 22%;
  font-size: 8rem;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01 span {
  font-size: 4rem;
  position: absolute;
  top: 34%;
  left: -13%;
  color: #D89AB7;
  transform: rotate(-10deg);
  font-weight: 500;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01_txt {
  position: absolute;
  top: 29%;
  width: 25%;
  left: 13%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  font-size: 1.8rem;
  line-height: 1.8;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01_img {
  position: absolute;
  top: 25.5%;
  left: -17%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  font-size: 5.5rem;
  font-weight: 500;
  letter-spacing: 0.3rem;
  transform: rotate(-0.25turn);
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_02 {
  position: absolute;
  top: 41.5%;
  left: 88.5%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  /*max-width: 153px;*/
  width: 12%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_02 span {
  left: -26%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_02_img {
  top: 31%;
  left: 81.4%;
  width: 30%;
  transform: rotate(90deg);
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_02_txt {
  top: 58%;
  width: 30%;
  left: 87.5%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_03 {
  position: absolute;
  top: 68.5%;
  left: 82.5%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 11%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_03 span {
  left: -26%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_03_img {
  top: 89.5%;
  left: 75%;
  width: 30%;
  transform: rotate(90deg);
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_03_txt {
  top: 85%;
  width: 34%;
  left: 78%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap {
  position: absolute;
  top: 69.5%;
  left: 8%;
  width: 26.6%;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec {
  position: relative;
  width: 120%;
  background-color: #E3CFD1;
  padding: 6.5% 6% 9% 10%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_img {
  position: absolute;
  top: -12%;
  left: 17.5%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 28%;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt01 {
  text-align: center;
  font-size: 4rem;
  letter-spacing: 0.3rem;
  font-weight: 500;
}
#indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt02 {
  margin-top: 5%;
  font-size: 2rem;
  line-height: 2;
}

@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .datail {
    padding-top: 0;
  }
  #indexTop .datail .detailPoint_wrap {
    padding-bottom: 0;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint {
    margin: -11% auto 0;
    width: 66.9%;
    left: 20%;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01 {
    font-size: 4.166666vw;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01 span {
    font-size: 2.08333vw;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01_txt {
        width: 25%;
        left: 12.5%;
    font-size: 0.9375vw;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_01_img {
    font-size: 2.81vw;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_02_img {
    top: 28%;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_02_txt {
    left: 86.5%;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_03_txt {
    left: 76.5%;
    width: 34%;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec {
    padding: 5% 9% 7% 11%;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt01 {
    font-size: 2.03vw;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt02 {
    font-size: 1.02vw;
  }
  #indexTop .datail .detailPoint_wrap .detailPoint .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_img {
    top: -10%;
    left: 15.5%;
    width: 24.15%;
  }
  #indexTop .datail .detailPoint_wrap .flex {
    margin-top: 16%;
    height: 51vw;
  }
  #indexTop .datail .detailPoint_wrap .flex .img02 .img {
    height: 30vw;
  }
  #indexTop .datail .detailPoint_wrap .flex .leftBox {
    top: -5%;
  }
  #indexTop .datail .detailPoint_wrap .flex .rightBox {
    top: 41%;
  }
  #indexTop .datail .detailPointTit {
    width: 40.5%;
  }
  #indexTop .datail .detailPointTit .detailPointTit_txt {
    top: 21.5%;
    left: 48.5%;
    font-size: 5.208333vw;
    width: 62%;
  }
  #indexTop .datail .detailPointTit .packagePointTit_txt_point {
    font-size: 3.125vw;
  }
  #indexTop .datail .package_detail .package_detail_img03 {
    left: 104.5%;
    width: 60.2%;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .datail {
    padding-top: 12.667%;
    padding-bottom: 20%;
  }
  #indexTop .datail .detailPointTit {
    width: 88.6%;
  }
  #indexTop .datail .detailPointTit .detailPointTit_txt {
    top: 30%;
    left: 59.5%;
    font-size: 12vw;
    width: 70%;
    letter-spacing: 0.1rem;
  }
  #indexTop .datail .detailPointTit .packagePointTit_txt_point {
    font-size: 6.66666vw;
    left: 60.5%;
  }
  #indexTop .datail .detailPoint_sp {
    position: relative;
    margin-top: 9%;
    width: 100%;
    font-size: 14.4vw;
  }
  #indexTop .datail .detailPoint_sp span {
    font-size: 7.2vw;
    position: absolute;
    top: 36%;
    left: -25%;
    color: #D89AB7;
    transform: rotate(-10deg);
    font-weight: 500;
  }
  #indexTop .datail .detailPoint_sp img {
    width: 100%;
  }
  #indexTop .datail .detailPoint_sp .detailPoint_01 {
    position: absolute;
    top: 9.5%;
    left: 35.5%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 27.734%;
  }
  #indexTop .datail .detailPoint_sp .detailPoint_02 {
    position: absolute;
    top: 59.5%;
    left: 78%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 25%;
  }
  #indexTop .datail .detailPoint_sp .detailPoint_03 {
    position: absolute;
    top: 73.3%;
    left: 77.5%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 26.6%;
  }
  #indexTop .datail .detailPoint_01_wrap {
    margin-top: 20.934%;
    width: 100%;
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01 {
    position: relative;
    margin-left: 22%;
    width: 66.6668%;
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01 img {
    width: 100%;
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01 .detailPoint_01_txt01 {
    position: absolute;
    top: 30.5%;
    left: -52.5%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    font-size: 9.33333vw;
    transform: rotate(-0.25turn);
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01 .detailPoint_01_img01 {
    position: absolute;
    top: -20%;
    left: 87.5%;
    width: 41.6%;
    transform: translateX(-50%) translateY(0) translateZ(0);
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01 .detailPoint_01_img01 .detailPoint_01 {
    position: relative;
    margin-top: 6%;
    width: 100%;
    font-size: 14.4vw;
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01 .detailPoint_01_img01 .detailPoint_01 span {
    font-size: 7.2vw;
    position: absolute;
    top: 31%;
    left: -24%;
    font-weight: 500;
    color: #D89AB7;
    transform: rotate(-10deg);
  }
  #indexTop .datail .detailPoint_01_wrap .detailPoint_01_txt02 {
    margin: 4.534% auto 0;
    width: 78%;
    font-size: 4.26666vw;
    line-height: 1.9;
    letter-spacing: 0.1vw;
  }
  #indexTop .datail .detailPoint_02_wrap {
    margin-top: 22.667%;
  }
  #indexTop .datail .detailPoint_02_wrap .detailPoint_01 {
    margin-left: 10%;
  }
  #indexTop .datail .detailPoint_02_wrap .detailPoint_01 .detailPoint_01_img01 {
    top: -19.5%;
    left: 20.5%;
    width: 40%;
  }
  #indexTop .datail .detailPoint_02_wrap .detailPoint_01 .detailPoint_01_txt01 {
    position: absolute;
    top: 38.5%;
    left: 62.5%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 100%;
    transform: rotate(90deg);
  }
  #indexTop .datail .detailPoint_03_wrap {
    margin-top: 22.667%;
  }
  #indexTop .datail .detailPoint_03_wrap .detailPoint_01 .detailPoint_01_img01 {
    top: -18.5%;
    left: 81.5%;
    width: 39%;
  }
  #indexTop .datail .detailPoint_03_wrap .detailPoint_01 .detailPoint_01_txt01 {
    top: 21%;
    left: -44.5%;
  }
  #indexTop .datail .detailPoint_03_wrap .detailPoint_01_txt02 {
    width: 79%;
  }
  #indexTop .datail .detailPoint_spec_wrap .detailPoint_spec {
    position: relative;
    margin: 20.534% auto 0;
    width: 89.3334%;
    background-color: #E3CFD1;
    padding: 6.3% 6% 8% 8%;
  }
  #indexTop .datail .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_img {
    position: absolute;
    top: -9%;
    left: 19.5%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 29%;
  }
  #indexTop .datail .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt01 {
    text-align: center;
    font-size: 8.53333vw;
    letter-spacing: 0.3rem;
  }
  #indexTop .datail .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt02 {
    margin-top: 6%;
    font-size: 4.26666vw;
    line-height: 2.325;
  }
  #indexTop .datail .detailPoint_spec_wrap {
    background-image: url(/hellokitty.collaboration2/images/index/details_bg_img01_sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 85%;
    padding-bottom: 10.5%;
  }
  #indexTop .datail .detailPoint_spec_wrap .detailPoint_spec .detailPoint_spec_txt02 {
    margin-top: 4.5%;
  }
}
/* =========================== Package ============================= */
#indexTop .package {
  padding-top: 120px;
  background-image: url(/hellokitty.collaboration2/images/index/package_back_pc.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #E0E0E0;
  height: 2446px;
}
#indexTop .package .packagePointTit {
  max-width: 1190px;
  width: 100%;
}
#indexTop .package .packagePointTit .packagePointTit_txt_point {
  position: absolute;
  top: 29%;
  left: 74%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  font-size: 6rem;
  letter-spacing: 0rem;
  transform: rotate(-10deg);
  color: #D89AB7;
  width: 100%;
}
#indexTop .package .packagePointTit_txt.detailPointTit_txt {
  top: 16%;
  left: 59%;
  width: 90%;
  font-size: 10rem;
}
#indexTop .package .package_detail {
  position: relative;
  margin: 0 37%;
  margin-left: calc(50% - 350px);
  width: 100%;
  max-width: 721px;
}
#indexTop .package .package_detail .package_detail_img01 {
  position: absolute;
  top: 3%;
  left: -20%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 47.29%;
}
#indexTop .package .package_detail .package_detail_img01 .package_detail_img01__ {
  position: relative;
}
#indexTop .package .package_detail .package_detail_img01 .package_detail_img01__ .package_detail_img01__go {
  position: absolute;
  top: 4.5%;
  left: 43%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 62.944%;
}
#indexTop .package .package_detail .package_detail_img02 {
  position: absolute;
  top: 4%;
  left: 100%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  max-width: 305px;
  width: 42.4%;
}
#indexTop .package .package_detail .package_detail_img02 .package_detail_img02__ {
  position: relative;
}
#indexTop .package .package_detail .package_detail_img02 .package_detail_img02__ .package_detail_img02__img {
  position: absolute;
  top: -9%;
  left: 29%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 39.4%;
}
#indexTop .package .package_detail .package_detail_img03 {
    position: absolute;
    top: 49%;
    left: 111%;
    transform: translateX(-50%) translateY(0) translateZ(0);
    width: 60%;
}
#indexTop .package .package_detail .package_detail_txt01 {
  position: absolute;
  top: 60%;
  left: -19.5%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 30.514%;
  height: 29.793%;
  max-width: 220px;
  max-height: 220px;
  font-size: 1.6rem;
  line-height: 2;
  color: #fff;
  background-color: #3E3A39;
  border-radius: 50%;
  text-align: center;
}
#indexTop .package .package_detail .package_detail_txt01 span {
  display: block;
  margin-top: 13%;
  font-size: 4rem;
  letter-spacing: 0.15rem;
  color: #fff;
}
#indexTop .package .package_bag {
  display: flex;
  margin-top: 2%;
}
#indexTop .package .package_bag .package_bag_img {
  width: 50%;
}
#indexTop .package .package_bag .package_bag_txt {
  margin-left: 5.3%;
  width: 30%;
  font-size: 2rem;
  line-height: 2.3;
}
#indexTop .package .package_bag_wear_img {
  position: relative;
  margin-top: -7%;
  width: 100%;
}
#indexTop .package .package_bag_wear_img .package_bag_wear_txt {
  position: absolute;
  top: 41.5%;
  left: -26%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  font-size: 7.4rem;
  line-height: 2.5;
  color: #000;
  text-align: center;
  letter-spacing: 0.3rem;
}
#indexTop .package .package_bag_wear_img .package_bag_wear_txt_img {
  position: absolute;
  width: 100%;
  max-width: 100px;
  top: 64.5%;
  left: -26.5%;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .package .package_bag_wear_img .package_bag_wear_txt_line {
  position: absolute;
  width: 100%;
  top: 67.5%;
  left: -35.5%;
  border-top: solid #000 2px;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .package .flex {
  display: flex;
  margin-top: 60px;
}
#indexTop .package .flex .package_bag_img {
  width: 50%;
}
#indexTop .package .flex .package_bag_txt {
  position: absolute;
  left: 55vw;
  width: 100%;
  font-size: 2rem;
  line-height: 2.3;
}
#indexTop .package .flex .img01 {
  max-width: 50%;
  width: 100%;
  height: 645px;
  overflow: hidden;
}
#indexTop .package .flex .img01 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#indexTop .package .flex .rightBox {
  right: calc(44% + 5px);
  max-width: 55.7299%;
  width: 100%;
  padding: 0 110px 0 0;
}
#indexTop .package .flex .rightBox02 {
  position: absolute;
  top: 75%;
  width: 57.292%;
  right: calc(0% - 0px);
}
#indexTop .package .collaboWatchTxt {
  max-width: 570px; /*67.06%*/
  width: 100%;
  font-size: 2.2rem;
  line-height: 2.36;
  color: #4d4141;
  margin: 0 0 125px;
}
#indexTop .package .flex .img02 {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0;
}
#indexTop .package .flex .img01 {
  margin: 0 auto 0 0;
}
#indexTop .package .flex .img02 .img {
  max-width: 100%;
  width: 100%;
  height: 570px;
  overflow: unset;
}
#indexTop .package .flex .rightBox02 .img02 .img {
  position: relative;
  height: 700px;
}
#indexTop .package .flex .img02 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
#indexTop .package .flex .img02 .imgTxt {
  max-width: 295px;
  width: 100%;
  position: absolute;
  top: 72px;
  left: -124px;
  z-index: 1;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.47;
  text-align: center;
  color: #e089aa;
  padding: 50px 0 70px;
  background-image: url(/hellokitty.collaboration/images/index/pouch_txt_back@2x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(-9deg);
}

@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .package {
    margin-top: 0;
    padding-top: 6%;
    padding-bottom: 0;
    height: auto;
  }
  #indexTop .package .flex {
    height: auto;
    padding-bottom: 7.813%;
  }
  #indexTop .package .flex .rightBox {
    padding: 0;
    max-width: 100%;
    width: 50%;
    right: calc(50% + 0px);
  }
  #indexTop .package .flex .rightBox .img02 .img {
    height: 29.688vw;
  }
  #indexTop .package .flex .rightBox02 {
    margin-top: 60px;
    height: auto;
  }
  #indexTop .package .package_detail .package_detail_img01 .package_detail_img01__ .package_detail_img01__go {
    position: absolute;
    top: -43%;
    left: 23%;
    transform: translateX(-50%) translateY(0) translateZ(0);
  }
  #indexTop .package .packagePointTit_txt.detailPointTit_txt {
    top: 16%;
    left: 55%;
    width: 83%;
    font-size: 5.20833vw;
  }
  #indexTop .package .package_bag .package_bag_txt {
    font-size: 1.05vw;
  }
  #indexTop .package .package_bag_wear_txt {
    font-size: 1vw;
  }
  #indexTop .package .package_bag_wear_img .package_bag_wear_txt {
    font-size: 3.85417vw;
    top: 41%;
  }
  #indexTop .package .packagePointTit {
    width: 64.74%;
  }
  #indexTop .package .packagePointTit .packagePointTit_txt_point {
    font-size: 3.125vw;
  }
  #indexTop .package .package_detail {
    width: 37.1%;
    margin-left: 35%;
  }
  #indexTop .package .package_detail .package_detail_img01 {
    width: 47.8%;
  }
  #indexTop .package .package_detail .package_detail_img02 {
    width: 44.1%;
  }
  #indexTop .package .package_detail .package_detail_txt01 {
    font-size: 0.833333vw;
    height: 30.156%;
    width: 30.888%;
  }
  #indexTop .package .package_detail .package_detail_txt01 span {
    font-size: 2.08333vw;
  }
  #indexTop .package .flex .img02 .img {
    height: 28vw;
  }
  #indexTop .package .flex .package_bag_txt {
    font-size: 1.02vw;
  }
  #indexTop .package .flex .rightBox02 {
    position: unset;
    display: block;
    margin-top: 20%;
    top: 59%;
  }
  #indexTop .package .flex .rightBox02 .img02 .img {
    height: 36vw;
  }
  #indexTop .package .package_bag_wear_img .package_bag_wear_txt_img {
    width: 7.767%;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .package {
    background-image: url(/hellokitty.collaboration2/images/index/package_back_sp.png);
    padding-top: 15.734%;
    padding-bottom: 20%;
    height: auto;
  }
  #indexTop .package .packagePointTit {
    width: 85.867%;
  }
  #indexTop .package .packagePointTit .detailPointTit_txt {
    font-size: 12vw;
    top: 17%;
    left: 51%;
    width: 68%;
    text-align: center;
    line-height: 1.2;
  }
  #indexTop .package .packagePointTit .packagePointTit_txt_point {
    top: 71.5%;
    left: 58%;
    font-size: 6.66666vw;
  }
  #indexTop .package .package_detail {
    margin: 33% 17% 0;
    width: 81.3334%;
    z-index: 5;
  }
  #indexTop .package .package_detail .package_detail_img01 {
    top: -37%;
    left: 8%;
    width: 49%;
  }
  #indexTop .package .package_detail .package_detail_img02 {
    top: -37%;
    left: 74%;
    max-width: 100%;
    width: 63%;
  }
  #indexTop .package .package_detail .package_detail_txt01 {
    top: 85%;
    left: 14%;
    z-index: -1;
    width: 57.378%;
    height: 56.02%;
    font-size: 3.73333vw;
    max-width: 100%;
    max-height: 100%;
  }
  #indexTop .package .package_detail .package_detail_txt01 span {
    margin-top: 25%;
    font-size: 6.66666vw;
    line-height: 1.5;
    letter-spacing: 0.8vw;
  }
  #indexTop .package .package_detail .package_detail_img03 {
    top: 101%;
    left: 72%;
    width: 60%;
  }
  #indexTop .package .package_bag {
    margin-top: 49%;
    flex-wrap: wrap-reverse;
  }
  #indexTop .package .package_bag .package_bag_txt {
    margin: auto;
    width: 80%;
    font-size: 1.9rem;
    line-height: 1.8;
  }
  #indexTop .package .package_bag .package_bag_img {
    margin-top: 11%;
    width: 95%;
  }
  #indexTop .package .package_bag_wear_img {
    margin-top: 23%;
    width: 95%;
  }
  #indexTop .package .package_bag_wear_img .package_bag_wear_txt {
    top: -239.5%;
    left: 51.8%;
    font-size: 9.866666vw;
    line-height: 2.2;
    width: 100%;
  }
  #indexTop .package .package_bag_wear_img02 {
    margin: 21% 0 0 5%;
    width: 95%;
  }
  #indexTop .package .flex {
    display: block;
    margin-top: 43%;
    height: auto;
  }
  #indexTop .package .flex .img02 .img {
    height: 56vw;
  }
  #indexTop .package .flex .rightBox {
    margin-top: 11%;
    max-width: 94.667%;
    position: static;
    padding: 0;
  }
  #indexTop .package .flex .rightBox02 {
    position: static;
    margin-top: 27%;
    width: 94.6667%;
  }
  #indexTop .package .flex .rightBox02 .img02 .img {
    height: 8vw;
    overflow: inherit;
  }
  #indexTop .package .flex .package_bag_txt {
    position: static;
    margin-left: 11%;
    width: 78.6667%;
    font-size: 4.26666vw;
    line-height: 1.9;
    letter-spacing: 0.2vw;
  }
}
@media screen and (min-width: 506px) and (max-width: 769px) {
}
/* =========================== helloKitty ============================= */
#indexTop .helloKitty_wrap {
  position: relative;
  padding: 206px 0 194px;
  background-color: #E3CFD1;
}
#indexTop .helloKitty_wrap .helloKitty {
  position: relative;
  max-width: 1133px;
  margin: 0% 5% 0% 26%;
  margin-left: calc(50% - 483px);
  width: 100%;
}
#indexTop .helloKitty_wrap .helloKitty .helloKitty_img01 {
  position: absolute;
  top: 15%;
  left: 4.3%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  max-width: 560px;
  width: 100%;
}
#indexTop .helloKitty_wrap .helloKitty .helloKitty_img02 {
  position: absolute;
  top: -7%;
  left: calc(50% - 685px);
  transform: translateX(-50%) translateY(0) translateZ(0);
  max-width: 144px;
  width: 100%;
  /*
  width: 7.5%;*/
}
#indexTop .helloKitty_wrap .helloKitty .helloKitty_img03 {
  position: absolute;
  top: -9%;
  left: calc(50% + 410px);
  transform: translateX(-50%) translateY(0) translateZ(0);
  max-width: 271px;
  width: 100%;
  /*width: 14.1%;*/
}
#indexTop .helloKitty_wrap .helloKitty .helloKitty_img04 {
  position: absolute;
  top: 103%;
  left: 90%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  max-width: 34px;
  width: 100%;
  /*width: 1.8%;*/
}
#indexTop .helloKitty_wrap .helloKitty .helloKitty_img05 {
  position: absolute;
  top: 92%;
  left: calc(50% - 671px);
  transform: translateX(-50%) translateY(0) translateZ(0);
  max-width: 143px;
  width: 100%;
  /*width: 7.45%;*/
}
#indexTop .helloKitty_wrap .helloKitty_txt01 {
  position: absolute;
  top: 30%;
  left: calc(50% + 195px);
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 54.5%;
  max-width: 562px;
  font-size: 6rem;
  text-align: center;
}
#indexTop .helloKitty_wrap .helloKitty_txt01 p.helloKitty_txt02 {
  margin-top: 1%;
  font-size: 7rem;
  line-height: 1;
  letter-spacing: .3vw;
}
#indexTop .helloKitty_wrap .helloKitty_txt01 p.helloKitty_txt03 {
  margin-top: 12%;
  font-size: 2rem;
  line-height: 2.5;
}

@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .helloKitty_wrap {
    padding: 9.8% 0 10.1%;
  }
  #indexTop .helloKitty_wrap .helloKitty_txt01 p.helloKitty_txt02 {
    font-size: 4vw;
  }
  #indexTop .helloKitty_wrap .helloKitty_txt01 p.helloKitty_txt03 {
    font-size: 1.04vw;
  }
  #indexTop .helloKitty_wrap .helloKitty {
    margin-left: 25%;
    width: 59%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img01 {
    width: 49.4%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img02 {
    top: -7%;
    left: -11%;
    width: 11.5%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img03 {
    width: 22.1%;
    top: -8%;
    left: 86%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img04 {
    width: 2.8%;
    top: 103%;
    left: 91%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img05 {
    top: 91%;
    left: -8%;
    width: 10.45%;
  }
  #indexTop .helloKitty_wrap .helloKitty_txt01 {
    top: 30%;
    left: 60%;
    width: 29.8%;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .helloKitty_wrap {
    padding-top: 21.5%;
    padding-bottom: 26.6667%;
  }
  #indexTop .helloKitty_wrap .helloKitty {
    margin: 0% 5% 0% 10.5%;
    width: 87.734%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img01 {
    top: 25%;
    left: 45%;
    width: 101.824%;
    max-width: 100%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img02 {
    top: -6%;
    left: 4%;
    width: 20.7%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img03 {
    top: -6.5%;
    left: 80%;
    width: 28.2%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img04 {
    top: 101.5%;
    left: 83.5%;
    width: 20.7%;
    max-width: 100%;
  }
  #indexTop .helloKitty_wrap .helloKitty .helloKitty_img05 {
    top: 102%;
    left: 8.5%;
    width: 28.18%;
    max-width: 100%;
  }
  #indexTop .helloKitty_wrap .helloKitty_txt01 {
    top: 16%;
    left: 50%;
    width: 57.867%;
  }
  #indexTop .helloKitty_wrap .helloKitty_txt01 p.helloKitty_txt03 {
    margin-top: 170%;
    font-size: 4.26666vw;
    line-height: 1.9;
  }
  #indexTop .helloKitty_wrap .helloKitty_txt01 p.helloKitty_txt02 {
    margin-top: 2.5%;
    font-size: 8.53333vw;
  }
}
/* =========================== angelheart ============================= */
#indexTop .angelheart {
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding: 200px 0;
  width: 100%;
  max-width: 1363px;
}
#indexTop .angelheart .angelheart_img01 {
  width: 100%;
  max-width: 572px;
}
#indexTop .angelheart .angelheart_txt {
  width: 49.9%;
}
#indexTop .angelheart .angelheart_txt .angelheart_txt01 {
  font-size: 8rem;
  font-weight: 500;
  line-height: 1;
}
#indexTop .angelheart .angelheart_txt .angelheart_txt01 span {
  font-size: 4.6rem;
  margin-left: 2.5%;
  font-weight: 400;
}
#indexTop .angelheart .angelheart_txt .angelheart_txt02 {
  margin-top: 14%;
  font-size: 2rem;
  line-height: 2.3;
}
#indexTop .angelheart .angelheart_txt .angelheart_txt03 {
  margin-top: 10%;
  font-size: 2rem;
}
#indexTop .angelheart .angelheart_txt .angelheart_txt04 {
  margin-top: 5%;
  font-size: 2rem;
}

@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .angelheart {
    padding: 10.4% 0;
    width: 71%;
  }
  #indexTop .angelheart .angelheart_img01 {
    width: 42%;
  }
  #indexTop .angelheart .angelheart_txt {
    width: 48.9%;
  }
  #indexTop .angelheart .angelheart_txt .angelheart_txt01 {
    font-size: 4.15vw;
  }
  #indexTop .angelheart .angelheart_txt .angelheart_txt01 span {
    font-size: 2.4vw;
  }
  #indexTop .angelheart .angelheart_txt .angelheart_txt02 {
    font-size: 1.04vw;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .angelheart {
    padding: 18% 0;
    display: block;
    width: 89.3334%;
  }
  #indexTop .angelheart .angelheart_txt01 {
    margin-bottom: 14%;
    font-size: 9.8vw;
    text-align: center;
    line-height: 1;
  }
  #indexTop .angelheart .angelheart_txt01 span {
    margin-left: 2%;
    font-size: 6vw;
  }
  #indexTop .angelheart .angelheart_img01 {
    width: 100%;
    max-width: 100%;
  }
  #indexTop .angelheart .angelheart_txt {
    width: 100%;
  }
  #indexTop .angelheart .angelheart_txt .angelheart_txt02 {
    margin-top: 10.5%;
    font-size: 4.26666vw;
    line-height: 1.85;
  }
  #indexTop .angelheart .angelheart_txt .angelheart_txt03 {
    margin-top: 5.836%;
  }
  #indexTop .angelheart .angelheart_txt .angelheart_txt04 {
    margin-top: 5%;
  }
}
/* =========================== helloKittyClock ============================= */
#indexTop .kittyClock {
  position: relative;
  padding: 10.4% 0px;
  height: 1003px;
  background-color: #E3CFD1;
}
#indexTop .kittyClock .kittyClock_img02 {
  position: absolute;
  top: calc(50% - 345px);
  left: calc(50% + 434px);
  /* width: 82%; */
  width: 100%;
  max-width: 553px;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .kittyClock .kittyClock_img01 {
  position: absolute;
  top: calc(50% - 360px);
  left: calc(50% - 585px);
  width: 100%;
  max-width: 210px;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .kittyClock .gift_contents_clock_wrap {
  display: block;
  position: relative;
  height: 123%;
  top: -9%;
  left: calc(50% - 509px);
  background-image: url(/hellokitty.collaboration2/images/index/goods_img05@2x.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 674px;
  transition: all ease-out 0.3s;
  color: #fff !important;
}
#indexTop .kittyClock .gift_contents_clock {
  position: absolute;
  top: 4%;
  left: 30%;
  /*max-width: 675px;*/
  width: 38%;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .kittyClock .gift_contents_clock02 {
  position: absolute;
  top: calc(50% - 360px);
  left: 28%;
  width: 100%;
  /*
  width: 46.8%;*/
  max-width: 315px;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
#indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt {
  position: absolute;
  top: 34%;
  left: 88%;
  width: 85%;
  line-height: 2;
  text-align: center;
  font-size: 2.2rem;
}

@media screen and (min-width: 769px) {
  #indexTop .kittyClock .gift_contents_clock_wrap:hover {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05-2.png);
    color: #3E3A39 !important;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 a {
    color: #fff;
    background-color: #3E3A39;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 a svg path {
    fill: #fff;
  }
/*
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 a:hover {
    border: solid 1px #fff;
    color: #3E3A39;
    background-color: #fff;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 a:hover svg path {
    fill: #3E3A39;
  }*/
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05-2.png);
    color: #3E3A39 !important;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 a {
    color: #fff;
    background-color: #3E3A39;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 a svg path {
    fill: #fff;
  }
  /*
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 a:hover {
    border: solid 1px #fff;
    color: #3E3A39;
    background-color: #fff;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 a:hover svg path {
    fill: #3E3A39;
  }*/

  #indexTop .kittyClock .gift_contents_clock_wrap:hover {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05-2-color@2x.png);
    color: #3E3A39 !important;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 div {
    color: #fff;
    background-color: #3E3A39;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 div svg path {
    fill: #fff;
  }
  /*
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 div:hover {
    border: solid 1px #fff;
    color: #3E3A39;
    background-color: #fff;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap:hover .btn01 div:hover svg path {
    fill: #3E3A39;
  }*/
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05-2.png);
    color: #3E3A39 !important;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 div {
    color: #fff;
    background-color: #3E3A39;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 div svg path {
    fill: #fff;
  }
  /*
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 div:hover {
    border: solid 1px #fff;
    color: #3E3A39;
    background-color: #fff;
  }
  #indexTop .gift .gift_contents_wrap .gift_contents .gift_contents_clock_wrap:hover .btn01 div:hover svg path {
    fill: #3E3A39;
  }*/
}
@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .kittyClock {
    height: 108rem;
  }
  #indexTop .kittyClock .gift_contents_clock02 {
    top: 0.5%;
    left: 28%;
    width: 44.8%;
  }
  #indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt {
    top: 35%;
    left: 90%;
    font-size: 1.04vw;
  }
  #indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt .btn01 div {
    font-size: 1.25vw;
    padding: 1vw 1vw 1.2vw 1.3vw;
  }
  #indexTop .kittyClock {
    height: 54vw;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap {
    top: 5%;
    left: 24%;
    height: 87%;
    width: 35%;
  }
  #indexTop .kittyClock .gift_contents_clock02 {
    top: -12.5%;
  }
  #indexTop .kittyClock .kittyClock_img01 {
    top: calc(11% - 0px);
    left: calc(20% - 0px);
    width: 11.7%;
  }
  #indexTop .kittyClock .kittyClock_img02 {
    top: calc(17% - 0px);
    left: calc(64% + 75px);
    width: 26.7%;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .kittyClock {
    height: 145vw;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap {
    background-image: url(/hellokitty.collaboration2/images/index/goods_img05_sp@2x.png);
    height: 60%;
    top: 14%;
    left: 5%;
    width: 90%;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap .kittyClock_img01 {
    top: -24.2%;
    left: 50%;
    width: 98.072%;
    max-width: 100%;
  }
  #indexTop .kittyClock .gift_contents_clock_wrap .kittyClock_img02 {
    top: 90%;
    left: 55.5%;
    width: 99.407%;
    max-width: 100%;
  }
  #indexTop .kittyClock .gift_contents_clock02 {
    top: -15%;
    left: 29%;
    width: 47%;
  }
  #indexTop .kittyClock .gift_contents_clock02 .gift_contents_clock02_txt {
    font-size: 4.26666vw;
    top: 26%;
  }
}
#indexTop .shopList_kitty {
  padding: 136px 0 40px;
  background-image: url(/hellokitty.collaboration2/images/index/shopList_bg_img.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #E0E0E0;
}
#indexTop .shopList_kitty .detailPointTit {
  position: relative;
  margin: auto;
  /*width: 40.5%;*/
  width: 100%;
  max-width: 778px;
}
#indexTop .shopList_kitty .detailPointTit .detailPointTit_txt {
  position: absolute;
  top: 24%;
  left: 55%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 69%;
  font-size: 10rem;
  letter-spacing: 0.3rem;
}
#indexTop .shopList_kitty .detailPointTit .detailPointTit_img01 {
  position: absolute;
  top: 16.5%;
  left: -15%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  /*width: 43%;*/
  width: 100%;
  max-width: 334px;
}
#indexTop .shopList_kitty .detailPointTit .detailPointTit_img02 {
  position: absolute;
  top: 6%;
  left: 118%;
  transform: translateX(-50%) translateY(0) translateZ(0);
  width: 42.5%;
  /*max-width: 330px;*/
}
#indexTop .shopList_kitty .shopList_btn_wrap {
  display: flex;
  justify-content: space-between;
  margin: 152px auto 0;
  /*width: 42.7%;*/
  width: 100%;
  max-width: 860px;
}
#indexTop .shopList_kitty .shopList_btn_wrap .shopList_btn {
  margin: 0 2%;
  outline: 1px solid #fff; /*outlineでドットの線を追加*/
  outline-offset: -1.2rem;
}
#indexTop .shopList_kitty .shopList_btn_wrap .shopList_btn span {
  margin-right: 3%;
}
#indexTop .shopList_kitty .shopList_btn_wrap .btn01 {
  max-width: 370px;
  width: 100%;
}
#indexTop .shopList_kitty .shopList_btn_wrap .btn01 a {
  justify-content: center;
  padding: 23px 0px 25px 3px;
  width: 100%;
  height: 15rem;
  background-color: #3E3A39;
  color: #fff;
  font-size: 3rem;
}
#indexTop .shopList_kitty .shopList_btn_wrap .btn01 a svg {
  margin-left: 2%;
}
#indexTop .shopList_kitty .shopList_btn_wrap .btn01 a svg path {
  fill: #fff;
  transition: all ease-out 0.3s;
}
#indexTop .shopList_kitty .shopList_bnr {
  margin: 135px auto 0px;
  width: 53.34%;
  max-width: 1024px;
  text-align: center;
}
#indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt {
  position: relative;
  font-size: 2.8rem;
  letter-spacing: 0.1rem;
  line-height: 1;
}
#indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt::before {
  position: absolute;
  top: -13%;
  left: 29%;
  width: 4.3%;
  height: 2.1vw;
  content: "";
  background: url("/hellokitty.collaboration2/images/index/shopList_img03@2x.png") no-repeat;
  background-size: contain;
}
#indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt::after {
  position: absolute;
  top: -13%;
  left: 66.5%;
  width: 4.3%;
  height: 2.1vw;
  content: "";
  background: url("/hellokitty.collaboration2/images/index/shopList_img04@2x.png") no-repeat;
  background-size: contain;
}
#indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt02 {
  margin-top: 60px;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}
#indexTop .shopList_kitty .shopList_bnr .shopList_bnr_img {
  margin-top: 20px;
  max-width: 1100px;
  width: 100%;
}

@media screen and (min-width: 769px) {
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 {
    outline: 1px solid #fff;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01:hover {
    outline: 1px solid #3E3A39;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 a:hover {
    color: #3E3A39;
    background-color: #fff;
    border: solid 1px #3E3A39;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 a:hover svg path {
    fill: #3E3A39;
  }
}
@media screen and (min-width: 769px) and (max-width: 1480px) {
  #indexTop .shopList_kitty {
    padding: 7.084% 0 2.084%;
  }
  #indexTop .shopList_kitty .detailPointTit {
    width: 40.5%;
  }
  #indexTop .shopList_kitty .detailPointTit .detailPointTit_txt {
    font-size: 5.20833vw;
    top: 24.5%;
    left: 58%;
    width: 80%;
  }
  #indexTop .shopList_kitty .detailPointTit .detailPointTit_img01 {
    width: 43%;
  }
  #indexTop .shopList_kitty .detailPointTit .detailPointTit_img02 {
    width: 42.5%;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap {
    margin: 7.95% auto 0;
    width: 45%;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 {
    width: 43%;
    outline-offset: -0.7vw;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 a {
    height: 7.8vw;
    font-size: 1.6vw;
    justify-content: center;
    padding: 2.5vw 1vw 2.8vw 1.3vw;
    max-width: none;
  }
  #indexTop .shopList_kitty .shopList_bnr {
    margin: 6.9% auto 0px;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt {
    font-size: 1.45vw;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt::before {
    left: 31%;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt::after {
    left: 64%;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt02 {
    margin-top: 8%;
    font-size: 0.75vw;
    letter-spacing: 0.1rem;
    line-height: 1;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_img {
    margin-top: 2%;
  }
}
@media screen and (max-width: 768px) {
  #indexTop .shopList_kitty {
    padding: 11.2% 0 5%;
  }
  #indexTop .shopList_kitty .btn01 {
    max-width: 100%;
  }
  #indexTop .shopList_kitty .btn01 a {
    justify-content: center;
    font-size: 2.3rem;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap {
    margin: 13.334% auto 0;
    width: 78.6667%;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 a {
    height: 21.334vw;
    font-size: 6.4vw;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .btn01 a svg {
    max-width: 7vw;
  }
  #indexTop .shopList_kitty .shopList_bnr {
    margin: 20% auto 0px;
    width: 89.3334%;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt {
    font-size: 5.33333vw;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt::before {
    top: -18%;
    left: 15%;
    height: 6vw;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt::after {
    top: -13%;
    left: 77%;
    width: 115%;
    height: 6vw;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_txt02 {
    margin-top: 13.911%;
    font-size: 3.33333vw;
    letter-spacing: 0.05rem;
  }
  #indexTop .shopList_kitty .shopList_bnr .shopList_bnr_img {
    margin-top: 5%;
    width: 100%;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap {
    margin-top: 13%;
    display: block;
  }
  #indexTop .shopList_kitty .shopList_btn_wrap .shopList_btn {
    max-width: 100%;
    margin: 7% 0 0 0;
    outline-offset: -0.8rem;
  }
  #indexTop .shopList_kitty .detailPointTit {
    width: 89.334%;
  }
  #indexTop .shopList_kitty .detailPointTit .detailPointTit_txt {
    font-size: 12vw;
    width: 78%;
    top: 28%;
    left: 58%;
    letter-spacing: 0;
  }
}/*# sourceMappingURL=style.css.map */