@charset "utf-8";
/* CSS関数設定 */
:root {
	/* カラーパレット */
	--WHITE: #FFFFFF;
	--WHITE_OP50: rgba(255, 255, 255, 0.5);
	--BLACK: #000000;

	--GRAY01: #F5F5F5;
	--GRAY02: #DEDEDE;
	--GRAY03: #A7A7A7;

	--DARK01: #c4424e;

	--RED01: #c4424e;
  --PINK: #ffe7fc;
  --BLUE: #beedff;

	/* テキストカラー */
	--TXT_COLOR_BASE: var(--DARK01);
	--TXT_COLOR_WHITE: var(--WHITE);

	/* ボーダーカラー */
	--BDCOLOR_GRAY_1: var(--GRAY02);

	/* 背景カラー */
	--BGCOLOR_GRAY_1: var(--GRAY01);

	/* ランキングカラー */
	--RANKING_1ST: #BA9700;
	--RANKING_2ND: #A7A7A7;
	--RANKING_3RD: #B75400;
	--RANKING_OTHER: #002C1B;

	/* 共通角丸 */
	--COMMON_BDRS_S: 5px;
	--COMMON_BDRS_M: 10px;
	--COMMON_BDRS_L: 20px;

	/* 共通ボックス影 */
	--COMMON_BXSD: 0px 0px 15px -5px var(--GRAY03);
	--COMMON_BXSD_BTM: 0px 5px 15px -5px var(--GRAY03);

	/* ベース文字間隔 */
	--LETTER_SPACING: 0.1em;

	/* フォント */
	--FF_BASE: "Zen Kaku Gothic New", serif;


	/* 英数字フォント */
	--FF_EN: var(--FF_BASE);
	--FF_NUM: var(--FF_BASE);

	/* フォントウェイト */
	--FF_WEIGHT_BASE: 500;
	
	/* アニメーション */
	--ANIME_FADEIN: fadeIn .5s ease-in-out 0s forwards;
	--ANIME_FADEOUT: fadeOut .5s ease-in-out 0s forwards;

	/* フォトサイズ */
	--FZ_9: clamp(8px, 0.8vw, 9px);
	--FZ_10: clamp(8px, 0.8vw, 10px);
	--FZ_11: clamp(10px, 1.1vw, 11px);
	--FZ_12: clamp(10px, 1.1vw, 12px);
	--FZ_13: clamp(11px, 1vw, 13px);
	--FZ_14: clamp(12px, 1.2vw, 14px);
	--FZ_15: clamp(13px, 1.4vw, 15px);
	--FZ_16: clamp(14px, 1.5vw, 16px);
	--FZ_18: clamp(15px, 1.6vw, 18px);
	--FZ_20: clamp(16px, 1.8vw, 20px);
	--FZ_22: clamp(18px, 2vw, 22px);
	--FZ_25: clamp(20px, 2vw, 25px);
	--FZ_28: clamp(22px, 2.5vw, 28px);
	--FZ_30: clamp(25px, 3vw, 30px);
	--FZ_35: clamp(25px, 3vw, 35px);
	--FZ_38: clamp(30px, 3.5vw, 38px);
	--FZ_40: clamp(30px, 3.5vw, 40px);
	--FZ_43: clamp(30px, 4vw, 43px);
	--FZ_50: clamp(30px, 4vw, 50px);
	--FZ_60: clamp(40px, 5vw, 60px);
	--FZ_70: clamp(50px, 6vw, 70px);
	--FZ_10_CONST: 10px;
	--FZ_12_CONST: 12px;
	--FZ_14_CONST: 14px;
	--FZ_15_CONST: 15px;
	--FZ_16_CONST: 16px;
	--FZ_18_CONST: 18px;
	--FZ_20_CONST: 20px;

	/* ブロック間 */
	--GAP_10: clamp( 5px, 1.1vw, 10px);
	--GAP_15: clamp( 10px, 1.2vw, 15px);
	--GAP_20: clamp( 15px, 1.7vw, 20px);
	--GAP_25: clamp( 15px, 1.7vw, 25px);
	--GAP_35: clamp( 20px, 2.5vw, 35px);
	--GAP_30: clamp( 20px, 2.5vw, 30px);
	--GAP_40: clamp( 30px, 3.5vw, 40px);
	--GAP_50: clamp( 30px, 3.5vw, 50px);
	--GAP_60: clamp( 40px, 4.5vw, 60px);
	--GAP_65: clamp( 50px, 5.5vw, 65px);
	--GAP_75: clamp( 60px, 6.5vw, 75px);
	--GAP_80: clamp( 50px, 5.5vw, 80px);
	--GAP_90: clamp( 60px, 6.5vw, 90px);
	--GAP_100: clamp( 70px, 7.5vw, 100px);
	--GAP_5_CONST: 5px;
	--GAP_10_CONST: 10px;
	--GAP_15_CONST: 15px;
	--GAP_20_CONST: 20px;
	--GAP_30_CONST: 30px;
	--GAP_40_CONST: 40px;

	/* PCマックス幅 */
	--PC_MAX_WIDTH: var(--PC_MAX_WIDTH_M);
	--PC_MAX_WIDTH_SS: 800px;
	--PC_MAX_WIDTH_S: 1000px;
	--PC_MAX_WIDTH_M: 1200px;
	--PC_MAX_WIDTH_L: 1440px;

	/* 親要素を超えて幅100% */
	--FULL_WIDTH: calc(50% - 50vw);

	/* セクション間隔半分 */
	--GENERALSEC_HALF: calc(var(--GENERALSEC) / 2);
}

@media screen and (min-width: 768px){
	:root{
		--INNER_WIDTH: 95%;
		--GENERALSEC: clamp(70px, 8vw, 100px);
	}
}
@media screen and (max-width: 767px){
	:root{
	--INNER_WIDTH: 87.201%;
	--GENERALSEC: 50px;
	}
}

/* リセットCSS */
*{margin:0;padding:0;min-height: 0;min-width: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height:100%;scroll-behavior: smooth;}
ul li ,ol li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: var(--FF_WEIGHT_BASE);font-size: 100%;margin: 0;}
p{margin: 0;}
strong{font-weight: inherit;}
a:focus, *:focus{ outline:none; }
article, header, footer, aside, figure, figcaption, nav, section,main{ 
  display:block;
}
body{
	font-family: var(--FF_BASE);
	font-weight: var(--FF_WEIGHT_BASE);
	font-feature-settings: "palt" 1;
	letter-spacing: var(--LETTER_SPACING);
	width:100%;
	color: var(--TXT_COLOR_BASE);
	position:relative;
	z-index: 0;
	overflow-x: clip;
}
a{
	text-decoration: none;
	outline: none;
	word-wrap: break-word;
	color: var(--TXT_COLOR_BASE);
}
a:visited{
	color: var(--TXT_COLOR_BASE);
}
a img,a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s;
}
img{
	height: auto;
	max-width: 100%;
	box-sizing: unset;
	vertical-align: bottom;
}
/* imgリセット */
.imgauto{
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}

/* ↑↑↑リセット↑↑↑◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎ */
/* ======================共通====================== */
body{
  color: var(--TXT_COLOR_BASE);
}
h1,h2,h3,h4{
  font-family:"orpheus-pro-condensed";
  font-size: var(--FZ_38);
  font-weight: bold;
  letter-spacing: .1em;
}
section{
  margin-bottom: 0;
}
@media (hover: hover){
  a:hover{
    opacity: 0.8;
  }
  .custom-navigation button:hover {
    transform: scale(1.2);
  }
}

/* .cacSum{
  background: url('https://kimuratan.itembox.design/item/img/f/251/cc/images/bg.jpg') no-repeat bottom right;
background-attachment: fixed;
}

.cacSum-background{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}
.cacSum-container{
  position: relative;
  width: 520px;
  margin-left: 15%;
  z-index: 2;
  max-width: 520px;
}
 */





.cacSum-inner{
  width: 90%;
  margin-inline: auto;
}
.cacSum-hiddenWrap{
  width: 100%;
  overflow: hidden;
}
.cacSum-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('https://kimuratan.itembox.design/item/img/f/251/cc/images/bg.jpg') no-repeat bottom right/cover;
  z-index: -1;
}

/* スクロールするコンテンツ */
.cacSum-productList{
  max-width: 250px;
  min-width: fit-content;
  margin-inline: auto;
}
.cacSum-productList li +li{
  margin-top: 15px;
}
.cacSum-productList li{
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 40px;
}
.cacSum-productListName{
  flex: 1;
}
/* ハートナビゲーション */
.custom-navigation {
  display: flex;
  justify-content: end;
  flex-direction: row;
  gap: 5px;
  padding: var(--GAP_10);
}
.custom-navigation button {
  background: none;
  border: none;
  width: 20px;
  color: var(--RED01);
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .cacSum-productListName{
    font-size: 16px;
  }
  .cacSum-productListBtn{
    width: 50px;
  }
}
@media (max-width: 767px) {
  .cacSum-productListName{
    font-size: 14px;
  }
  .cacSum-productListBtn{
    width: 40px;
    display: block;
  }
}
@media (min-width: 1000px) {
  .cacSum-container {
    position: relative;
  }
  .cacSum-innerWrap {
    position: absolute;
    top: 0;
    left: 17%;
    width: 520px;
    height: auto;
  }
}
@media (max-width: 999px) {
  .cacSum-innerWrap {
    width: 100%;
    max-width: 520px;
  }
  .cacSum-container {
    display: flex;
    justify-content: center;
  }
}
/* ======================cacSum-letter====================== */
.cacSum-letter{
  background: linear-gradient(to bottom, #fff 0%, #c4424e 100%);
  padding: var(--GAP_80) var(--FZ_20);
  position: relative;
  max-width: 520px;
}
.cacSum-letter__img{
  animation: float 1.5s ease-in-out infinite;
  position: relative;
  z-index: 10;
  max-width: 480px;
}

/* ======================cacSum-cherryParty====================== */
.cacSum-cherryParty{
  background-color: var(--BLUE);
  max-width: 520px;
}
.cacSum-cherryParty__headTitle{
  text-align: center;
  position: relative;
  z-index: 3;
}
.cacSum-cherryParty__headTitleS{
  display: block;
  margin-bottom: var(--GAP_10);
}
.cacSum-cherryParty__headTitleL{
  position: relative;
  z-index: 3;
}
.cacSum-cherryParty__headTitleL::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/cherry3.png) no-repeat center / contain;
  top: 60%;
  left: -25%;
  width: 25%;
  height: auto;
  aspect-ratio: 191/194;
  animation: rotate 1s steps(2) infinite;
  z-index: 2;
}
.cacSum-cherryParty__headImg{
  margin-bottom: 80px;
  position: relative;
  z-index: 2;
}
.cacSum-cherryParty__soda{
  position: relative;
  width: 80%;
  margin-inline: auto;
  margin-bottom: 50px;
  z-index: 2;
}
.cacSum-cherryParty__sodaTitle{
  position: absolute;
  left: -6%;
  top: 15px;
  z-index: 2;
}
.cacSum-cherryParty__soda::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/cherry-usagi.png) no-repeat center / contain;
  bottom: -10%;
  left: -10%;
  width: 40%;
  height: auto;
  aspect-ratio: 383/251;
  animation: rotate 1s steps(2) infinite;
}
.cacSum-cherryParty__CircleL{
  width: 70%;
  margin-inline: auto 20px;
}
.cacSum-cherryParty__CircleS{
  width: 45%;
  margin: -20% auto 60px 20px;
  position: relative;
  z-index: 2;
}
.cacSum-cherryParty__productList{
  margin-bottom: 60px;
  margin-inline: auto 10%;
}
.cacSum-cherryParty__CircleWrap{
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .cacSum-cherryParty__headTitleL{
    font-size: 55px;
    margin-bottom: 40px;
  }
  .cacSum-cherryParty__headTitleS{
    font-size: 17px;
  }
  .cacSum-cherryParty__sodaTitle{
    font-size: 55px;
  }
  .cacSum-cherryParty{
    padding-block: 60px;
  }
}
@media (max-width: 767px) {
  .cacSum-cherryParty__headTitleL{
    font-size: 45px;
    margin-bottom: 30px;
  }
  .cacSum-cherryParty__headTitleS{
    font-size: 15px;
  }
  .cacSum-cherryParty__sodaTitle{
    font-size: 45px;
  }
  .cacSum-cherryParty{
    padding-block: 40px 50px;
  }
}
/* ======================cacSum-Arrivingy====================== */
.cacSum-Arriving{
  background-color: var(--PINK);
  padding-bottom: 100px;
}
.cacSum-Arriving__top{
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
.cacSum-Arriving__top::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/cherry3.png) no-repeat center / contain;
  width: 20%;
  height: auto;
  aspect-ratio: 191/194;
  animation: rotate 1s steps(2) infinite;
}
.cacSum-Arriving__headText{
  color: var(--WHITE);
  position: absolute;
  top: 10%;
  right: 20px;
  z-index: 2;
}
.cacSum-Arriving__headText span{
  display: block;
}
.cacSum-Arriving__headTextC{
  text-align: right;
  padding-top: 10px;
}
.cacSum-Arriving__girl{
  display: flex;
  align-items: center;
}
.cacSum-Arriving__girlImg{
  flex: 1;
  position: relative;
  z-index: 2;
}
.cacSum-Arriving__girlText--a,
.cacSum-Arriving__girlText--r{
  flex: 1.5;
  transform: translateY(-100px);
  font-family:"orpheus-pro-condensed";
  font-weight: 600;
  line-height: 1.8;
  position: relative;
}
.cacSum-Arriving__girlText--a::after,
.cacSum-Arriving__girlText--r::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/cherry1-pink.png) no-repeat center / contain;
  top: 70px;
  right: 0;
  width: 30%;
  height: auto;
  aspect-ratio: 191/194;
  animation: rotate 1s steps(2) infinite;
}
.cacSum-Arriving__girl--reverse{
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-top: -100px;
}
.cacSum-Arriving__girlText--r{
  transform: translateY(-0);
}
.cacSum-Arriving__girlText--r::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/cherry1-red.png) no-repeat center / contain;
  top: 30px;
  right: 30px;
  width: 30%;
  height: auto;
  aspect-ratio: 191/194;
  animation: rotate 1s steps(2) infinite;
}
.cacSum-Arriving__girl--reverse .cacSum-Arriving__girlImg{
  flex: 1.5;
}
.cacSum-Arriving__girlRibbon{
  width: 80%;
  margin-inline: auto;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.cacSum-Arriving__bubbleWrap{
  width: 85%;
  max-width: 350px;
  margin-inline: auto;
  margin-block: 60px 30px;
  position: relative;
}
.cacSum-Arriving__bubbleWrap .cacSum-Arriving__bubble{
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
}
.cacSum-Arriving__bubble:nth-child(2){
  margin-top: -10%;
  z-index: 2;
}
.cacSum-Arriving__bubble:nth-child(3){
  z-index: 2;
  margin-top: -10%;
}
.slick-two{
  padding-top: 80px;
  position: relative;
  z-index: 2;
}
.slick-two::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/clink.svg) no-repeat center / contain;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  width: 20%;
  height: auto;
  aspect-ratio: 156/119;
  animation: blink 1s infinite ease-in-out;
}
@media (min-width: 768px) {
  .cacSum-Arriving__headText{
    width: 350px;
    font-size: 43px;
  }
  .cacSum-Arriving__top::after{
    top: 2%;
    left: 5%;
  }
  .cacSum-Arriving__girlText--a,
  .cacSum-Arriving__girlText--r{
    font-size: 22px;
  }
  .cacSum-Arriving__bubbleWrap{
    height: 980px;
  }
}
@media (max-width: 767px) {
  .cacSum-Arriving__headText{
    width: 270px;
    font-size: 31px;
  }
  .cacSum-Arriving__top::after{
    top: 0;
    left: 2%;
  }
  .cacSum-Arriving__girlText--a,
  .cacSum-Arriving__girlText--r{
    font-size: 16px;
  }
  .cacSum-Arriving__bubbleWrap{
    height: 980px;
  }
}

/* ======================cacSum-smiles====================== */
.cacSum-smiles{
  background-color: var(--BLUE);
  padding-bottom: 60px;
}
.cacSum-smiles__top{
  position: relative;
  z-index: 2;
}
.cacSum-smiles__title{
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  z-index: 2;
}
.cacSum-smiles__imgRight{
  width: 75%;
  margin-inline: auto 20px;
  border: 4px solid var(--RED01);
  position: relative;
  margin-block: 100px 30px;
  z-index: 2;
}
.cacSum-smiles__imgRight::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/present-ribbon.png) no-repeat center / contain;
  top: -18%;
  left: -20%;
  width: 60%;
  height: auto;
  aspect-ratio: 372/310;
  animation: rotate 1s steps(2) infinite;
  z-index: 2;
}
.cacSum-smiles__imgCherry{
  width: 90%;
  margin-inline: auto;
  position: relative;
  z-index: 3;
  padding-top: 40px;
}
.cacSum-smiles__imgHat{
  margin-top: -20%;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.cacSum-smiles__girl{
  display: flex;
  align-items: center;
  margin-block: 40px;
  width: 90%;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
.cacSum-smiles__girlImg{
  flex: 1.6;
}
.cacSum-smiles__girlText{
  flex: 1;
  font-family:"orpheus-pro-condensed";
  font-weight: 600;
  line-height: 1.8;
  position: relative;
  transform: translateY(-70px) translateX(30px) rotate(-20deg);
  letter-spacing: .01em;
}
.cacSum-smiles__girlText::after{
  content: "";
  position: absolute;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/cherry3.png) no-repeat center / contain;
  top: 50px;
  left: -10%;
  width: 30%;
  height: auto;
  aspect-ratio: 191/194;
  animation: rotate 1s steps(2) infinite;
}
@media (min-width: 768px) {
  .cacSum-smiles__girlText{
    font-size: 24px;
  }
  .cacSum-smiles__girlText{
    min-width: 200px;
  }
  .cacSum-smiles__title{
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .cacSum-smiles__girlText{
    font-size: 18px;
  }
  .cacSum-smiles__girlText{
    min-width: 120px;
  }
  .cacSum-smiles__title{
    font-size: 42px;
  }
}

/* ======================cacSum-present====================== */
.cacSum-present__bgCircle{
  position: relative;
  z-index: 2;
}
.cacSum-present__cntWrap{
  background-color: var(--PINK);
  margin-top: -25%;
}
.cacSum-present__img{
  position: relative;
  width: 85%;
  margin-inline: auto;
  margin-bottom: 20px;
  border: 5px solid var(--RED01);
  z-index: 2;
}
.cacSum-present__img::after{
  content: "";
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/present-ribbon.png) no-repeat center / contain;
  position: absolute;
  top: -15%;
  left: -15%;
  width: 40%;
  height: auto;
  aspect-ratio: 372/310;
  animation: rotate 1s steps(2) infinite;
}
.cacSum-present__title{
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: .02em;
}
.cacSum-present__text{
  text-align: center;
  letter-spacing: .05em;
}
.cacSum-present__text--small{
  text-align: right;
  padding-top: 10px;
}
.cacSum-present__precautionsTitle{
  font-weight: 400;
  margin-bottom: 5px;
  padding-top: 30px;
}
.cacSum-present__precautionsList li{
  font-weight: 400;
  padding-left: 10px;
  position: relative;
  line-height: 1.4;
  letter-spacing: .05em;
}
.cacSum-present__precautionsList li::before{
  content: "・";
  position: absolute;
  left: 0;
}
.cacSum-present__precautionsList li + li{
  margin-top: 5px;
}
@media (min-width: 768px) {
  .cacSum-present__precautionsTitle{
    font-size: 12px;
  }
  .cacSum-present__text{
    font-size: 14px;
  }
  .cacSum-present__title{
    font-size: 26px;
  }
  .cacSum-present__precautionsList li{
    font-size: 12px;
  }
  .cacSum-present__text--small{
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .cacSum-present__precautionsTitle{
    font-size: 10px;
  }
  .cacSum-present__text{
    font-size: 11px;
  }
  .cacSum-present__title{
    font-size: 22px;
  }
  .cacSum-present__precautionsList li{
    font-size: 10px;
  }
  .cacSum-present__text--small{
    font-size: 10px;
  }
}


/* ======================cacSum-contact====================== */
.cacSum-contact{
  padding-top: 80px;
  padding-bottom: var(--GAP_100);
  background-color: var(--PINK);
}
.cacSum-contact__btnArea{
  text-align: center;
  max-width: 300px;
  margin: 0 auto 5px;
}
.cacSum-contact__btn{
  display: block;
  background-color: var(--RED01);
  border-radius: 50px;
  padding: 10px 0;
  font-weight: bold;
  line-height: 1;
}
.cacSum-contact__btnEn{
  font-family:"orpheus-pro-condensed";
  display: block;
  font-weight: bold;
  font-size: var(--FZ_25);
  color: var(--WHITE);
  line-height: 1.2;
}
.cacSum-contact__text{
  text-align: center;
  font-weight: 400;
  margin-bottom: 80px;
}
.cacSum-contact__snsList{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  max-width: 200px;
  gap: 12%;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .cacSum-contact__text{
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .cacSum-contact__text{
    font-size: 12px;
  }
}







/* ◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎アニメーション */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝タイトル　下から飛び出す① */
.cacSum-cherryParty__headTitleS,
.cacSum-cherryParty__headTitleL {
    opacity: 0;
    transform: translateY(30px);
}
.cacSum-cherryParty__headTitleL {
  display: inline-block;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝タイトル　下から飛び出す② */
.cacSum-Arriving__headTextA,
.cacSum-Arriving__headTextC {
    opacity: 0;
    transform: translateY(30px);
    display: inline-block;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝招待状 */
.cacSum-cherryParty {
  opacity: 0;
  visibility: hidden;
}
.cacSum-letter {
  background: transparent;
  overflow: hidden;
}
.cacSum-letter__img {
  opacity: 0;
  transform: translateY(100px);
  display: block;
}
@media (max-width: 520px) {
  .cacSum-letter__img {
    --OYA: calc(50% - 50vw);
    margin-left: var(--OYA);
    margin-right: var(--OYA);
    width: 100vw;
    animation: 
    slideUpBounce 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards,
    floatEndless 1s ease-in-out 2s infinite alternate;
  }
  .cacSum-letter {
    background: linear-gradient(to bottom, #fff 0%, #c4424e 100%);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cacSum-cherryParty {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes slideUpBounce {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes floatEndless {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-12px);
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝泡が左右に大きく揺れながら上昇 */
.bubble {
  position: absolute;
  bottom: -50px;
  border-radius: 50%;
  background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/bubble.svg) no-repeat center / contain;
  pointer-events: none;
  animation: bubble-rise 7s linear infinite;
}
@keyframes bubble-rise {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
  }
  25% {
    transform: translateX(-40px) translateY(-25vh);
  }
  50% {
    transform: translateX(40px) translateY(-50vh);
  }
  75% {
    transform: translateX(-30px) translateY(-75vh);
  }
  100% {
    transform: translateX(30px) translateY(-100vh);
  }
}
@media (max-width: 520px) {
  .bubble {
    position: fixed;
    width: auto;
    height: auto;
  }

  .bubble-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
  }
}
@keyframes bubble-float {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
  }
  25% {
    transform: translateX(-40px) translateY(-25vh);
  }
  50% {
    transform: translateX(40px) translateY(-50vh);
  }
  75% {
    transform: translateX(-30px) translateY(-75vh);
  }
  100% {
    transform: translateX(30px) translateY(-100vh);
  }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝プカプカ浮かぶ */
.cacSum-cherryParty__CircleL,
.cacSum-cherryParty__CircleS {
  opacity: 0;
  transform: scale(0.5);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ふわっと表示 */
.fadeupTrigger01{
opacity: 0;
}
.fadeupTrigger02{
opacity: 0;
}
.fadeupTrigger03{
opacity: 0;
}
.fadeup01{
animation: fadeUp forwards 1s ease normal;
}
.fadeup02{
animation: fadeUp forwards 1s ease 0.3s normal;
}
.fadeup03{
animation: fadeUp forwards 1s ease 0.6s normal;
}
@keyframes fadeUp{
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝左右に動かす */
  @keyframes rotate {
    0% {
      transform:  rotate(0deg);
    }
    100% {
      transform: rotate(25deg);
    }
  }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝トコトコ歩いてくる */
.cacSum-Arriving__girlImg--tokotoko {
  opacity: 0;
  transform: translate3d(100%, 0, 0) rotateZ(0);
}
.startAnimation {
  opacity: 1;
  animation: crawling 3800ms steps(1) forwards, katakata 4800ms 3800ms steps(1) infinite;
}
@keyframes crawling{0%{-webkit-transform:translate3d(100%,0,0) rotateZ(0);-moz-transform:translate3d(100%,0,0) rotateZ(0);-o-transform:translate3d(100%,0,0) rotateZ(0);-ms-transform:translate3d(100%,0,0) rotateZ(0);transform:translate3d(100%,0,0) rotateZ(0)}5%{-webkit-transform:translate3d(95%,0,0) rotateZ(-4deg);-moz-transform:translate3d(95%,0,0) rotateZ(-4deg);-o-transform:translate3d(95%,0,0) rotateZ(-4deg);-ms-transform:translate3d(95%,0,0) rotateZ(-4deg);transform:translate3d(95%,0,0) rotateZ(-4deg)}10%{-webkit-transform:translate3d(90%,0,0) rotateZ(0);-moz-transform:translate3d(90%,0,0) rotateZ(0);-o-transform:translate3d(90%,0,0) rotateZ(0);-ms-transform:translate3d(90%,0,0) rotateZ(0);transform:translate3d(90%,0,0) rotateZ(0)}15%{-webkit-transform:translate3d(85%,0,0) rotateZ(-4deg);-moz-transform:translate3d(85%,0,0) rotateZ(-4deg);-o-transform:translate3d(85%,0,0) rotateZ(-4deg);-ms-transform:translate3d(85%,0,0) rotateZ(-4deg);transform:translate3d(85%,0,0) rotateZ(-4deg)}20%{-webkit-transform:translate3d(80%,0,0) rotateZ(0);-moz-transform:translate3d(80%,0,0) rotateZ(0);-o-transform:translate3d(80%,0,0) rotateZ(0);-ms-transform:translate3d(80%,0,0) rotateZ(0);transform:translate3d(80%,0,0) rotateZ(0)}25%{-webkit-transform:translate3d(75%,0,0) rotateZ(-4deg);-moz-transform:translate3d(75%,0,0) rotateZ(-4deg);-o-transform:translate3d(75%,0,0) rotateZ(-4deg);-ms-transform:translate3d(75%,0,0) rotateZ(-4deg);transform:translate3d(75%,0,0) rotateZ(-4deg)}30%{-webkit-transform:translate3d(70%,0,0) rotateZ(0);-moz-transform:translate3d(70%,0,0) rotateZ(0);-o-transform:translate3d(70%,0,0) rotateZ(0);-ms-transform:translate3d(70%,0,0) rotateZ(0);transform:translate3d(70%,0,0) rotateZ(0)}35%{-webkit-transform:translate3d(65%,0,0) rotateZ(-4deg);-moz-transform:translate3d(65%,0,0) rotateZ(-4deg);-o-transform:translate3d(65%,0,0) rotateZ(-4deg);-ms-transform:translate3d(65%,0,0) rotateZ(-4deg);transform:translate3d(65%,0,0) rotateZ(-4deg)}40%{-webkit-transform:translate3d(60%,0,0) rotateZ(0);-moz-transform:translate3d(60%,0,0) rotateZ(0);-o-transform:translate3d(60%,0,0) rotateZ(0);-ms-transform:translate3d(60%,0,0) rotateZ(0);transform:translate3d(60%,0,0) rotateZ(0)}45%{-webkit-transform:translate3d(55%,0,0) rotateZ(-4deg);-moz-transform:translate3d(55%,0,0) rotateZ(-4deg);-o-transform:translate3d(55%,0,0) rotateZ(-4deg);-ms-transform:translate3d(55%,0,0) rotateZ(-4deg);transform:translate3d(55%,0,0) rotateZ(-4deg)}50%{-webkit-transform:translate3d(50%,0,0) rotateZ(0);-moz-transform:translate3d(50%,0,0) rotateZ(0);-o-transform:translate3d(50%,0,0) rotateZ(0);-ms-transform:translate3d(50%,0,0) rotateZ(0);transform:translate3d(50%,0,0) rotateZ(0)}55%{-webkit-transform:translate3d(45%,0,0) rotateZ(-4deg);-moz-transform:translate3d(45%,0,0) rotateZ(-4deg);-o-transform:translate3d(45%,0,0) rotateZ(-4deg);-ms-transform:translate3d(45%,0,0) rotateZ(-4deg);transform:translate3d(45%,0,0) rotateZ(-4deg)}60%{-webkit-transform:translate3d(40%,0,0) rotateZ(0);-moz-transform:translate3d(40%,0,0) rotateZ(0);-o-transform:translate3d(40%,0,0) rotateZ(0);-ms-transform:translate3d(40%,0,0) rotateZ(0);transform:translate3d(40%,0,0) rotateZ(0)}65%{-webkit-transform:translate3d(35%,0,0) rotateZ(-4deg);-moz-transform:translate3d(35%,0,0) rotateZ(-4deg);-o-transform:translate3d(35%,0,0) rotateZ(-4deg);-ms-transform:translate3d(35%,0,0) rotateZ(-4deg);transform:translate3d(35%,0,0) rotateZ(-4deg)}70%{-webkit-transform:translate3d(30%,0,0) rotateZ(0);-moz-transform:translate3d(30%,0,0) rotateZ(0);-o-transform:translate3d(30%,0,0) rotateZ(0);-ms-transform:translate3d(30%,0,0) rotateZ(0);transform:translate3d(30%,0,0) rotateZ(0)}75%{-webkit-transform:translate3d(25%,0,0) rotateZ(-4deg);-moz-transform:translate3d(25%,0,0) rotateZ(-4deg);-o-transform:translate3d(25%,0,0) rotateZ(-4deg);-ms-transform:translate3d(25%,0,0) rotateZ(-4deg);transform:translate3d(25%,0,0) rotateZ(-4deg)}80%{-webkit-transform:translate3d(20%,0,0) rotateZ(0);-moz-transform:translate3d(20%,0,0) rotateZ(0);-o-transform:translate3d(20%,0,0) rotateZ(0);-ms-transform:translate3d(20%,0,0) rotateZ(0);transform:translate3d(20%,0,0) rotateZ(0)}85%{-webkit-transform:translate3d(15%,0,0) rotateZ(-4deg);-moz-transform:translate3d(15%,0,0) rotateZ(-4deg);-o-transform:translate3d(15%,0,0) rotateZ(-4deg);-ms-transform:translate3d(15%,0,0) rotateZ(-4deg);transform:translate3d(15%,0,0) rotateZ(-4deg)}90%{-webkit-transform:translate3d(10%,0,0) rotateZ(0);-moz-transform:translate3d(10%,0,0) rotateZ(0);-o-transform:translate3d(10%,0,0) rotateZ(0);-ms-transform:translate3d(10%,0,0) rotateZ(0);transform:translate3d(10%,0,0) rotateZ(0)}95%{-webkit-transform:translate3d(5%,0,0) rotateZ(-4deg);-moz-transform:translate3d(5%,0,0) rotateZ(-4deg);-o-transform:translate3d(5%,0,0) rotateZ(-4deg);-ms-transform:translate3d(5%,0,0) rotateZ(-4deg);transform:translate3d(5%,0,0) rotateZ(-4deg)}100%{-webkit-transform:translate3d(0%,0,0) rotateZ(0);-moz-transform:translate3d(0%,0,0) rotateZ(0);-o-transform:translate3d(0%,0,0) rotateZ(0);-ms-transform:translate3d(0%,0,0) rotateZ(0);transform:translate3d(0%,0,0) rotateZ(0)}}.topic--2 .topic__object--2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:433px;margin:112px auto 0;}.topic--2 .topic__object--2.inview--enter .topic__objectItem{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 240ms ease, -webkit-transform 680ms ease;-moz-transition:opacity 240ms ease, -moz-transform 680ms ease;-o-transition:opacity 240ms ease, -o-transform 680ms ease;-ms-transition:opacity 240ms ease, -ms-transform 680ms ease;transition:opacity 240ms ease, transform 680ms ease;}.topic--2 .topic__object--2.inview--enter .topic__objectItem--1 img{-webkit-animation:katakata 4800ms 1000ms steps(1) infinite;-moz-animation:katakata 4800ms 1000ms steps(1) infinite;-o-animation:katakata 4800ms 1000ms steps(1) infinite;-ms-animation:katakata 4800ms 1000ms steps(1) infinite;animation:katakata 4800ms 1000ms steps(1) infinite;}@-moz-keyframes katakata{0%,9%,18%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}4%,5%,13%,14%{-webkit-transform:rotateZ(1.8deg);-moz-transform:rotateZ(1.8deg);-o-transform:rotateZ(1.8deg);-ms-transform:rotateZ(1.8deg);transform:rotateZ(1.8deg)}}@-webkit-keyframes katakata{0%,9%,18%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}4%,5%,13%,14%{-webkit-transform:rotateZ(1.8deg);-moz-transform:rotateZ(1.8deg);-o-transform:rotateZ(1.8deg);-ms-transform:rotateZ(1.8deg);transform:rotateZ(1.8deg)}}@-o-keyframes katakata{0%,9%,18%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}4%,5%,13%,14%{-webkit-transform:rotateZ(1.8deg);-moz-transform:rotateZ(1.8deg);-o-transform:rotateZ(1.8deg);-ms-transform:rotateZ(1.8deg);transform:rotateZ(1.8deg)}}
@keyframes katakata{0%,9%,18%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}4%,5%,13%,14%{-webkit-transform:rotateZ(1.8deg);-moz-transform:rotateZ(1.8deg);-o-transform:rotateZ(1.8deg);-ms-transform:rotateZ(1.8deg);transform:rotateZ(1.8deg)}}.topic--2 .topic__object--2.inview--enter .topic__objectItem--2{-webkit-transition-delay:340ms;-moz-transition-delay:340ms;-o-transition-delay:340ms;-ms-transition-delay:340ms;transition-delay:340ms}.topic--2 .topic__object--2 .topic__objectItem{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translate3d(0,-8%,0);-moz-transform:translate3d(0,-8%,0);-o-transform:translate3d(0,-8%,0);-ms-transform:translate3d(0,-8%,0);transform:translate3d(0,-8%,0);}.topic--2 .topic__object--2 .topic__objectItem--1{width:220px}.topic--2 .topic__object--2 .topic__objectItem--2{width:182px}.topic--2 .topic__recommendBox{color:#c195bd;}.topic--2 .topic__recommendBox:after{background-color:#c195bd}.topic--2 .topic__recommendTtl{width:253px}.topic--2 .topic__recommendBorder{width:250px;margin-top:5px}.topic--2 .topic__recommendBorderItem:after{background-color:#fff}.topic--2 .topic__recommendClip{top:-20px;right:45px;width:82px;-webkit-transform:bottom center;-moz-transform:bottom center;-o-transform:bottom center;-ms-transform:bottom center;transform:bottom center;}.topic--2 .topic__recommendClip.inview--enter{-webkit-animation:jump 4800ms 800ms steps(1) infinite;-moz-animation:jump 4800ms 800ms steps(1) infinite;-o-animation:jump 4800ms 800ms steps(1) infinite;-ms-animation:jump 4800ms 800ms steps(1) infinite;animation:jump 4800ms 800ms steps(1) infinite;}@-moz-keyframes jump{0%,20%,40%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%{-webkit-transform:translate3d(0,-5%,0);-moz-transform:translate3d(0,-5%,0);-o-transform:translate3d(0,-5%,0);-ms-transform:translate3d(0,-5%,0);transform:translate3d(0,-5%,0)}}@-webkit-keyframes jump{0%,20%,40%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%{-webkit-transform:translate3d(0,-5%,0);-moz-transform:translate3d(0,-5%,0);-o-transform:translate3d(0,-5%,0);-ms-transform:translate3d(0,-5%,0);transform:translate3d(0,-5%,0)}}@-o-keyframes jump{0%,20%,40%,100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%{-webkit-transform:translate3d(0,-5%,0);-moz-transform:translate3d(0,-5%,0);-o-transform:translate3d(0,-5%,0);-ms-transform:translate3d(0,-5%,0);transform:translate3d(0,-5%,0)}}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝点滅させる */
@keyframes blink {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フワフワさせる */
.cacSum-smiles__imgCherry{
  animation: float 1.5s ease-in-out infinite;
}
@keyframes float{
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　右から左げスライド */
@keyframes slideInFromRight {
  from {
    transform: translateX(200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.cacSum-smiles__girlImg.slide-in {
  animation: slideInFromRight 0.5s ease-out forwards;
}
.cacSum-smiles__girlImg {
  opacity: 0;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　下から飛びだす */
.cacSum-smiles__girlText.initial-hidden {
  opacity: 0;
  transform: translateY(0) translateX(30px) rotate(-20deg);
}
@keyframes slideInFromBottomText {
  from {
    opacity: 0;
    transform: translateY(0) translateX(30px) rotate(-20deg);
  }
  to {
    opacity: 1;
    transform: translateY(-70px) translateX(30px) rotate(-20deg);
  }
}
.cacSum-smiles__girlText.slide-in-text {
  animation: slideInFromBottomText 0.5s ease-out forwards;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　１文字ずつ下からふわっと表示されるアニメーション */
@keyframes slideInFromBottomOvershoot {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  70% {
    opacity: 1;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;        /* 最終状態で明示的に表示 */
    transform: translateY(0);
  }
}

.cacSum-smiles__title span {
  display: inline-block;
  opacity: 0;
}




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　へ */
.cacSum-cherryParty__sodaTitle .letter-wrapper {
  display: inline-block;
  transition: transform 0.3s;
  letter-spacing: 0;
  text-shadow: 2px 2px 6px rgba(255, 255, 255, 0.85);
}

.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(1) { transform: translateY(14px) translateX(4px) rotate(-30deg); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(2) { transform: translateY(2px) translateX(2px) rotate(-30deg); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(3) { transform: translateY(-9px) translateX(3px) rotate(-30deg); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(4) { transform: translateY(-18px) translateX(3px) rotate(-30deg); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(5) { transform: translateY(-27px) translateX(3px) rotate(-28deg); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(6) { transform: translateY(-37px) translateX(2px) rotate(-26deg); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(7) { transform: translateY(0px); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(8) { transform: translateY(0px); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(9) { transform: translateY(-45px); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(10) { transform: translateY(-45px) translateX(2px); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(11){ transform: translateY(-45px) translateX(4px); }
.cacSum-cherryParty__sodaTitle .letter-wrapper:nth-child(12){ transform: translateY(-44px) translateX(6px); }

.cacSum-cherryParty__sodaTitle .letter {
  display: inline-block;
  opacity: 0;
  transform: scale(0);
}





/* 追加泡 */
@media (max-width: 520px) {
  .cacSum-letter {
    background: linear-gradient(to bottom, #fff 0%, #c4424e 100%);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }
  .bubble-static {
    position: absolute;
    background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/bubble.svg) no-repeat center / contain;
    border-radius: 50%;
    opacity: 0;
    animation: floatUpStatic 10s linear infinite;
  }
  .bubble-static:nth-child(1) { width: 40px; height: 40px; left: 20%; bottom: 10%; animation-duration: 8s; }
  .bubble-static:nth-child(2) { width: 30px; height: 30px; left: 70%; bottom: 30%; animation-duration: 9s; }
  .bubble-static:nth-child(3) { width: 25px; height: 25px; left: 50%; bottom: 60%; animation-duration: 10s; }
  .bubble-static:nth-child(4) { width: 35px; height: 35px; left: 10%; bottom: 80%; animation-duration: 11s; }
  .bubble-static:nth-child(5) { width: 20px; height: 20px; left: 85%; bottom: 50%; animation-duration: 12s; }
  .bubble-static:nth-child(6) { width: 50px; height: 50px; left: 40%; bottom: 20%; animation-duration: 7s; }
  .bubble-static:nth-child(7) { width: 30px; height: 30px; left: 60%; bottom: 70%; animation-duration: 9s; }
  .bubble-static:nth-child(8) { width: 15px; height: 15px; left: 90%; bottom: 40%; animation-duration: 8s; }
  .bubble-static:nth-child(9) { width: 20px; height: 20px; left: 5%; bottom: 90%; animation-duration: 10s; }
  .bubble-static:nth-child(10){ width: 25px; height: 25px; left: 75%; bottom: 10%; animation-duration: 11s; }

  .bubble {
    position: absolute;
    background: url(https://kimuratan.itembox.design/item/img/f/251/cc/images/bubble.svg) no-repeat center / contain;
    border-radius: 50%;
    opacity: 0;
    bottom: -10%;
    animation: floatUp 8s linear infinite;
  }
  @keyframes floatUpStatic {
    0% { transform: translateY(0) scale(0.5); opacity: 0; }
    20% { opacity: 0.8; }
    100% { transform: translateY(-120vh) scale(1.2); opacity: 0; }
  }
  @keyframes floatUp {
    0% { transform: translateY(0) scale(0.5); opacity: 0; }
    20% { opacity: 0.8; }
    100% { transform: translateY(-120vh) scale(1.5); opacity: 0; }
  }
}