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

.fadeIn.active{
	opacity: 1;
	visibility: visible;
}

.fadeIn_second{
	opacity: 0;
	visibility:hidden;
	transform: translateY(50px);
	transition: opacity .7s .2s, transform .7s .2s;
	backface-visibility: hidden;
}

.fadeIn_second.active {
	opacity: 1;
	visibility: visible;
	transform: none;
}

/* =========================== 共通 =============================== */
/* @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'); */
.MonomaniacOne{
  font-family: "Monomaniac One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.MonomaniacOne span{
  font-family: "ZenMaruGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

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

.Damion{
  font-family: "Damion", cursive;
  font-weight: 400;
  font-style: normal;
}

.Pacifico{
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

.KiwiMaru{
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

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

#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 *{
	-webkit-font-smoothing: antialiased;
}

#indexTop p{
	padding: 0;
	margin: 0;
}

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

#indexTop{
  font-family: "M PLUS 1p", sans-serif;
	background: #F8D3E4;
	overflow: hidden;
}

#indexTop .spOnly {
	display: none !important;
}

#indexTop .btn01{
	max-width: 328px;
	width: 100%;
}

#indexTop .btn01 a{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.7rem;
    line-height: 1;
    color: #fff;
    padding: 29px 0 35px 0;
    border-radius: 70px;
    text-align: center;
    background-color: #EE86B3;
    transition: all ease-out .3s;
	border: solid 2px #EE86B3;
}
#indexTop .btn01 a::before{
	content: "";
	display: block;
	position: absolute;
	bottom: -12px;
    right: 22px;
    z-index: 0;
    width: 61px;
    padding-bottom: 63px;
	background-image: url(/estherbunny/images/index/btn-deco@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: none;
}
#indexTop .btn01 a:hover{
  color: #EE86B3;
  background-color: #FDE1EC;
  border: solid 2px #EE86B3;
}

#indexTop .btn02{
	max-width: 370px;
	width: 100%;
}

#indexTop .btn02 a{
	display: block;
  font-size: 3rem;
  line-height: 1;
  color: #6bade0;
	text-align: center;
  padding: 56px 0;
  border-radius: 80px;
  background-color: #fdf9c6;
	transition: all ease-out .3s;
}
#indexTop .btn02 span{
  color: #6bade0;
	transition: all ease-out .3s;
}
#indexTop .btn02 a .ZenMaruGothic{
  font-size: 3rem;
  line-height: 1;
}
#indexTop .btn02 a:hover{
  color: #fdf9c6;
  background-color: #6bade0;
}
#indexTop .btn02 a:hover span{
  color: #fdf9c6;
}
#indexTop .btn02.cart a svg path{
  fill: #6bade0;
	transition: all ease-out .3s;
}
#indexTop .btn02.cart a:hover svg path{
  fill: #fdf9c6;
}

#indexTop .btn02.cart a{
	display: flex;
	align-items: baseline;
	line-height: 1.25;
  padding: 56px 0 56px 54px;
}
#indexTop .btn02.cart a svg{
	display: block;
	max-width: 33px;
	width: 100%;
	height: 24px;
	margin-left: 10px;
}

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

#indexTop .commonTit{
	font-size: 6rem;
	font-weight: normal;
	line-height: 1.69;
	letter-spacing: 0.05em;
	text-align: center;
	color: #F27FB1;
	margin: 0 auto 75px;
	width: 982px;
}
#indexTop .commonTit span{
	font-size: 4.6rem;
	color: #F27FB1;
}
#indexTop .commonTit .txt{
	letter-spacing: inherit;
	color: inherit;
}

#indexTop .commonTit .lotNum{
	font-family: "Monomaniac One", sans-serif;
	font-size: 6rem;
	line-height: 1.15;
	text-align: center;
	color: #F27FB1;
	transform: rotate(0.03deg);
	width: 982px;
    display: flex;
    align-items: center;
	justify-content: center;
	margin-top: 5px;
}
#indexTop .detaileArea .commonTit .lotNum{
	width: 858px;
	margin: auto;
}
#indexTop .commonTit .lotNum span{
	display: inline-flex;
  	align-items: center;
	width: 268px;
}
#indexTop .commonTit .lotNum span img{
	display: block;
  	height: 1.5em; /* 文字サイズに合わせたい場合 */
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .btn01{
		max-width: 15.278vw;
	}
	#indexTop .btn01 a{
		font-size: 2.567vw;
		padding: 1.875vw 0 2.375vw;
	}
	#indexTop .btn01 a svg{
		max-width: 2.153vw;
		height: 1.597vw;
		margin-left: 0.694vw;
	}
	#indexTop .btn02{
		max-width: 25.694vw;
	}
	
	#indexTop .btn02 a{
		font-size: 2.083vw;
		padding: 3.889vw 0;
		border-radius: 5.556vw;
	}
	#indexTop .btn02 a .ZenMaruGothic{
		font-size: 2.083vw;
	}
	
	#indexTop .btn02.cart a{
		padding: 3.889vw 0 3.889vw 3.75vw;
	}
	#indexTop .btn02.cart a svg{
		max-width: 2.292vw;
		height: 1.667vw;
		margin-left: 0.694vw;
	}

	#indexTop .commonTit{
		font-size: 4.166666vw;
        margin: 0 auto 5.208vw;
        width: 68.2vw;
	}
	#indexTop .commonTit::before{
		width: 14.167vw;
		height: 0.417vw;
		margin: 0 7.639vw 0 0;
	}
	#indexTop .commonTit::after{
		width: 14.167vw;
		height: 0.417vw;
		margin: 0 0 0 7.639vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .minContainer{
		padding: 0 5.33337vw;
	}
	#indexTop .pcOnly{
		display: none !important;
	}

	#indexTop .spOnly{
		display: block !important;
	}

	#indexTop .btn01{
		max-width: 53.333vw;
	}
	#indexTop .btn01 a{        
		font-size: 4.4vw;
		padding: 2.5vw 0 3.5vw 0vw;
	}
	#indexTop .android .btn01 a{
		font-size: 4.4vw;
		padding: 2.5vw 0 3.5vw 0vw;
	}
	#indexTop .btn01 a svg{
		max-width: 6.8vw;
		height: 5.067vw;
		margin-left: 2.667vw;
	}

	#indexTop .btn02{
		max-width: 78.667vw;
	}
	
	#indexTop .btn02 a{
		font-size: 6.4vw;
		padding: 7.2vw 0;
		border-radius: 10.667vw;
	}
	#indexTop .btn02 a .ZenMaruGothic{
		font-size: 6.4vw;
	}
	
	#indexTop .btn02.cart a{
		padding: 6.667vw 0 6vw 10.933vw;
	}
	#indexTop .btn02.cart a svg{
		max-width: 6.8vw;
		height: 5.067vw;
		margin-left: 2.667vw;
	}
	#indexTop .commonTit .lotNum span {
		width: 30%;
	}
	#indexTop .commonTit .lotNum span img {
		height: 1.15em;
	}

	#indexTop .commonTit{
		font-size: 6vw;
		line-height: 1.69;
		margin: 0 0 5.4vw;
		width: 100%;
	}
	#indexTop .commonTit .lotNum {
		margin-top: 0;
		font-size: 6vw;
		width: 100%;
	}
	#indexTop .detaileArea .commonTit{
		margin: 0 auto 5.4vw;
		width: 97%;
	}
	#indexTop .detaileArea .commonTit .lotNum {
		margin: 0 auto;
		font-size: 6vw;
		width: 95.1%;
	}
	#indexTop .commonTit::before{
		width: 12.533vw;
		height: 0.8vw;
		background-image: url(/cinnamoroll/images/index/tit_deco_01_sp.svg);
		margin: 0 9.6vw 0 0;
	}
	#indexTop .commonTit::after{
		width: 12.533vw;
		height: 0.8vw;
		background-image: url(/cinnamoroll/images/index/tit_deco_02_sp.svg);
		margin: 0 0 0 9.6vw;
	}
}

/* =========================== メインビジュアル =============================== */
#indexTop .mainVisualArea{
	position: relative;
	z-index: 1;
	background: linear-gradient(-90deg, #F8CEE1 0%, #F7CCDF 100%);
	padding: 0% 0 4.2%;
    margin-top: -2%;
	overflow: hidden;
}
#indexTop .mainVisualArea::before{
	content: "";
	display: block;
	position: absolute;
	top: 7%;
    left: 1.5%;
    z-index: 0;
    width: 97.24%;
    padding-bottom: 46.2312%;
	background-image: url(/estherbunny/images/index/fv_bg_02@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	visibility:hidden;
	transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s .3s;
}
#indexTop .mainVisualArea::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: -1;
	width: 100%;
	padding-bottom: 588px;
	background-image: url(/estherbunny/images/index/section_deco_01.svg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .mainVisualArea img{
	width: 100%;
}
#indexTop .mainVisualAreaTit{
	position: absolute;
	top: 64.5%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 45.34%;
	width: 100%;
	opacity: 0;
	visibility:hidden;
	transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s .3s;
}
#indexTop .mainVisualAreaImg01{
	position: absolute;
	bottom: 0.4%;
    left: 13%;
    max-width: 14.9%;
	width: 100%;
	opacity: 0;
	visibility:hidden;
	transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s .3s;
}
#indexTop .mainVisualAreaImg02{
	max-width: 75.24%;
	width: 100%;
	margin: -4% auto 0;
	opacity: 0;
	visibility:hidden;
	transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s .3s;
}
#indexTop .mainVisualAreaImg03{
	position: absolute;
	top: 27.3%;
	right: 16.5%;
	max-width: 25.368%;
	width: 100%;
	opacity: 0;
	visibility:hidden;
	transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s .3s;
}

#indexTop .mainVisualArea.active::before{
	opacity: 1;
	visibility:visible;
}
#indexTop .mainVisualArea .mainVisualAreaTit.active{
	opacity: 1;
	visibility:visible;
}
#indexTop .mainVisualArea .mainVisualAreaImg01.active{
	opacity: 1;
	visibility:visible;
}
#indexTop .mainVisualArea .mainVisualAreaImg02.active{
	opacity: 1;
	visibility:visible;
}
#indexTop .mainVisualArea .mainVisualAreaImg03.active{
	opacity: 1;
	visibility:visible;
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .mainVisualArea::after{
		padding-bottom: 30.931vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .mainVisualArea{
		background: linear-gradient(#F8D3E4,#F3B7D1);
		padding: 88px 0 15vw;
	}
	#indexTop .mainVisualArea::before{
		top:73px;
        left: 3%;
        z-index: -1;
        width: 93%;
        padding-bottom: 103.667vw;
		background-image: url(/estherbunny/images/index/fv_bg_02_sp@2x.png);
	}
	#indexTop .mainVisualArea::after{
		padding-bottom: 15.4vw;
		background-image: url(/estherbunny/images/index/section_deco_01_sp.svg);
	}
	#indexTop .mainVisualAreaTit-sp{
		top: 9.333vw;
        width: 76vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
	}
	#indexTop .mainVisualAreaImg01{
        bottom: 11.1vw;
        left: 25.6vw;
        max-width: 29.56vw;
	}
	#indexTop .mainVisualAreaImg02{
		margin: -0.5% auto 0;
		max-width: 100vw;
	}
	#indexTop .mainVisualAreaImg03{
		top: 43.333vw;
		right: 0;
		max-width: 42.933vw;
	}
}

/* =========================== collaboAbout =============================== */
#indexTop .collaboAbout{
	position: relative;
  	background-color: #FAD7E7;
	padding: 145px 0 1055px;
	overflow: hidden;
}
#indexTop .collaboAbout .collaboAboutTxt{
	position: relative;
	z-index: 1;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 3.22;
	letter-spacing: 0.03em;
	text-align: center;
	color: #3E3A39;
	margin: 0 0 60px;
	transform: rotate(0.03deg);
}
#indexTop .collaboAbout .collaboAboutTxt::before{
	content: "";
	display: block;
	position: absolute;
	top: -195px;
    left: -468px;
    z-index: -1;
    width: 500px;
    padding-bottom: 1117px;
	background-image: url(/estherbunny/images/index/about_deco_01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .collaboAbout .collaboAboutTxt::after{
	content: "";
	display: block;
	position: absolute;
	top: 65px;
    right: -450px;
    z-index: -1;
    width: 464px;
    padding-bottom: 883px;
	background-image: url(/estherbunny/images/index/about_deco_02@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .collaboAbout .collaboAboutWatch{
	position: relative;
	display: flex;
	align-items: flex-start;
}
#indexTop .collaboAbout .collaboAboutWatchPouchImg{
	position: relative;
	z-index: 2;
	max-width: 54.905%;
	width: 100%;
}
#indexTop .collaboAbout .collaboAboutWatchPouchTxt{
	position: absolute;
	left: -105px;
	bottom: 0;
	z-index: 2;
	width: 108.534%;
	mix-blend-mode: multiply;
}
#indexTop .collaboAbout .rightBox{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-grow: 1;
	padding: 62px 75px 0 70px;
}
#indexTop .collaboAbout .rightBox::before{
	content: "";
	display: block;
	position: absolute;
	top: 465px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 1120px;
    padding-bottom: 877px;
	background-image: url(/estherbunny/images/index/products_watch_bg_01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .collaboAbout .rightBox::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -848px;
    right: -200px;
    z-index: -1;
    width: 340px;
    padding-bottom: 470px;
	background-image: url(/estherbunny/images/index/products_img_02@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#indexTop .collaboAbout .collaboAboutWatchTxt::before{
	content: "";
	display: block;
	position: absolute;
    bottom: -151px;
    left: -957px;
    z-index: -1;
    width: 339px;
    padding-bottom: 492px;
	background-image: url(/estherbunny/images/index/products_img_02-2@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .collaboAbout .collaboAboutWatchImg{
	max-width: 53.08%;
	width: 100%;
	transition: all ease-out .3s;
}
#indexTop .collaboAbout .isActive .collaboAboutWatchImg{
	opacity: .6;
}
#indexTop .collaboAbout .collaboAboutWatchTxt{
	width: 368px;
    position: absolute;
	right: 240px;
    top: 473px;
}
#indexTop .collaboAbout .lotNum{
	font-family: "Monomaniac One", sans-serif;
	font-size: 5rem;
	line-height: 1.15;
	text-align: center;
	color: #F27FB1;
	transform: rotate(0.03deg);
	width: 368px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#indexTop .collaboAbout .lotNum span{
	display: inline-flex;
  	align-items: center;
	width: 222px;
}
#indexTop .collaboAbout .lotNum span img{
	display: block;
  	height: 1.15em; /* 文字サイズに合わせたい場合 */
}
#indexTop .collaboAbout .btn01{
	margin: 25px auto 50px;
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .collaboAbout{
		padding: 5.694vw 0 8.833vw;
	}
	#indexTop .collaboAbout .collaboAboutTxt{
		font-size: 1.528vw;
		margin: 0 0 5.5vw;
	}
	#indexTop .collaboAbout .collaboAboutTxt::before{
		top: -10.833vw;
        left: -21.75vw;
        width: 32.2vw;
        padding-bottom: 71.986vw;
	}
	#indexTop .collaboAbout .collaboAboutTxt::after{
		top: 0.861vw;
        right: -21.75vw;
        width: 32.2vw;
        padding-bottom: 53.597vw;
	}
	#indexTop .collaboAbout .collaboAboutWatchPouchTxt{
		left: -2.292vw;
		width: 56.528vw;
	}
	#indexTop .collaboAbout .rightBox{
		padding: 58.306vw 5.208vw 0 4.861vw;
	}
	#indexTop .collaboAbout .rightBox::before{
		top: 28.361vw;
        width: 75.4vw;
        padding-bottom: 54.931vw;
	}
	#indexTop .collaboAbout .lotNum {
		width: 100%;
	}
	#indexTop .collaboAbout .collaboAboutWatchTxt {
		width: 29.1%;
		right: 18%;
    	top: 50%;
	}
	#indexTop .collaboAbout .collaboAboutWatchTxt::before {
		bottom: -9vw;
        left: -61vw;
		z-index: -1;
		width: 23.6vw;
		padding-bottom: 34vw;
	}
	#indexTop .collaboAbout .rightBox::after{
		bottom: -0.694vw;
        right: -11.3vw;
        width: 23.6vw;
        padding-bottom: 32.722vw;
	}
	#indexTop .collaboAbout .lotNum{
		font-size: 1.389vw;
	}
	#indexTop .collaboAbout .price{
		font-size: 1.389vw;
		margin: 0.694vw 0 0;
	}
	#indexTop .collaboAbout .btn01{
		margin: 2.431vw auto 3.472vw;
		max-width: 22.7vw;
	}
	#indexTop .btn01 a::before {
		bottom: -20%;
		right: 8%;
		width: 18%;
		padding-bottom: 4vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .collaboAbout{
		padding: 48vw 0 130.5vw;
		background-color: #F8D3E4;
	}
	#indexTop .collaboAbout .minContainer{
		padding: 0;
	}
	#indexTop .collaboAbout .collaboAboutTxt{
		font-size: 4vw;
		line-height: 2.13333;
		letter-spacing: 0.03em;
		font-weight: 300;
		margin: 0 0 14.66666vw;
	}
	#indexTop .collaboAbout .collaboAboutTxt::before{
		top: -9.667vw;
        left: 0;
        width: 100%;
        padding-bottom: 202vw;
		background-image: url(/estherbunny/images/index/about_deco_01_sp@2x.png);
	}
	#indexTop .collaboAbout .collaboAboutWatch{
		display: block;
	}
	#indexTop .collaboAbout .collaboAboutWatchPouchImg{
		max-width: 89.333vw;
		margin: 0 auto 18.667vw;
	}
	#indexTop .collaboAbout .collaboAboutWatchPouchTxt{
		left: -0.667vw;
		bottom: auto;
		top: 64.667vw;
		width: 88.267vw;
	}
	#indexTop .collaboAbout .rightBox{
		padding: 0 5.333vw;
	}
	#indexTop .collaboAbout .rightBox::before{
		top: -4.333vw;
        left: 51%;
        transform: translateX(-50%);
        width: 94.4vw;
        padding-bottom: 116.667vw;
		background-image: url(/estherbunny/images/index/products_watch_bg_01_sp@2x.png);
	}
	#indexTop .collaboAbout .rightBox::after{
		bottom: -121.067vw;
        right: 2vw;
        width: 22.29vw;
        padding-bottom: 45.667vw;
		background-image: url(/estherbunny/images/index/products_img_02-sp@2x.png);
	}
	#indexTop .collaboAbout .collaboAboutWatchTxt::before {
		bottom: -19vw;
		left: -13vw;
		z-index: -1;
		width: 22vw;
		padding-bottom: 45vw;
		background-image: url(/estherbunny/images/index/products_img_02-2-sp@2x.png);
	}
	#indexTop .collaboAbout .collaboAboutWatchImg{
		max-width: 36vw;
	}
	#indexTop .collaboAbout .collaboAboutWatchTxt{
		width: 69.07vw;
		position: absolute;
		left: 50%;
        top: 90.5vw;
		transform: translate(-50%, -50%);
	}
	#indexTop .collaboAbout .lotNum{
		font-size: 6.267vw;
		line-height: 1.16;
		width: 100%;
	}
	#indexTop .collaboAbout .price{
		font-size: 4.267vw;
		line-height: 1.16;
		margin: 2vw 0 0;
	}
	#indexTop .collaboAbout .btn01{
		margin: 2.5vw auto 1.333vw;
        width: 34vw;
	}

	#indexTop .collaboAbout .btn01 a::before {
		bottom: -13%;
		right: -1%;
		width: 24%;
		padding-bottom: 8vw;
		display: none;
	}
}

/* =========================== detaileArea =============================== */
#indexTop .detaileArea{
	position: relative;
	z-index: 1;
	padding: 80px 0 100px;
	background-image: url(/estherbunny/images/index/detaileArea-bg-img01.png);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .detaileArea::before{
	content: "";
	display: block;
	position: absolute;
	top: -116px;
	left: 0;
	z-index: -1;
	width: 100%;
	padding-bottom: 117px;
	background-image: url(/estherbunny/images/index/section_deco_02.svg);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (min-width: 1000px) {
	#indexTop .detaileArea::before{
		top: -5.6vw;
		padding-bottom: 6.1vw;
	}
}
#indexTop .detaileArea .minContainer{
	position: relative;
}
#indexTop .detaileArea .minContainer::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 60px;
    left: 254px;
	z-index: 0;
	width: 541.32px;
	padding-bottom: 255.85px;
	background-image: url(/estherbunny/images/index/detaile_deco_03.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .detaileArea .pointArea{
	position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 500px 0 1800px;
    border-radius: 93px;
    background-color: #fff;
}
#indexTop .detaileArea .pointArea::after{
	content: "";
	display: block;
	position: absolute;
	top: 1160px;
    right: 40px;
	z-index: 0;
	width: 437.56px;
	padding-bottom: 545.26px;
	background-image: url(/estherbunny/images/index/detaile_img_04@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .detaileArea .watchImg{
	position: absolute;
	top: 80px;
	left: 66.5%;
    transform: translateX(-50%);
    max-width: 1798px;
	width: 100%;
}
#indexTop .detaileArea .point01{
	position: absolute;
	top: 40px;
    right: 268px;
}
#indexTop .detaileArea .point03{
	position: absolute;
	top: 597px;
    right: 66px;
}
#indexTop .detaileArea .point07{
	position: absolute;
	top: 1638px;
    left: 50px;
}
#indexTop .detaileArea .point08{
	position: absolute;
	top: 1915px;
    right: 150px;
}
#indexTop .detaileArea .pointImg{
	position: relative;
	z-index: 1;
	max-width: 240px;
	width: 100%;
}
#indexTop .detaileArea .point07 .pointImg{
	max-width: 269px;
}
#indexTop .detaileArea .point08 .pointImg{
	max-width: 365.5px;
}
#indexTop .detaileArea .pointTxtBox{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 0;
	width: 310px;
	height: 219.5px;
	background-image: url(/estherbunny/images/index/detaile_txt_bg@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#indexTop .detaileArea .point01 .pointTxtBox{
	top: 134px;
    right: -223px;
}
#indexTop .detaileArea .point02 .pointTxtBox{
	width: 342.25px;
    height: 227.1px;
	top: 63px;
    left: 60px;
}
#indexTop .detaileArea .point03 .pointTxtBox{
	width: 200.56px;
    height: 141.81px;
    top: -77px;
    right: 138px;
}
#indexTop .detaileArea .point04 .pointTxtBox{
	width: 353.78px;
    height: 250.14px;
	top: 735px;
    left: 38px;
}
#indexTop .detaileArea .point05 .pointTxtBox{
	width: 310px;
	height: 219.5px;
	top: 1135px;
    left: 38px;
}
#indexTop .detaileArea .point06 .pointTxtBox{
	width: 380.89px;
    height: 354.7px;
	background-image: url(/estherbunny/images/index/detaile_txt_bg-02@2x.png);
	top: 1110px;
    right: 255px;
}
#indexTop .detaileArea .point07 .pointTxtBox{
	width: 684px;
    height: 634px;
	background-image: url(/estherbunny/images/index/detaile_txt_bg-03@2x.png);
	top: -310px;
    left: 139px;
}
#indexTop .detaileArea .point08 .pointTxtBox{
	width: 515.22px;
    height: 442.51px;
	background-image: url(/estherbunny/images/index/detaile_txt_bg-04@2x.png);
    top: -153px;
    right: -90px;
}
#indexTop .detaileArea .pointTit{
	position: absolute;
	top: 50px;
	left: 35px;
	font-size: 6rem;
	line-height: 0.53;
	text-align: center;
	color: #afc0e3;
}
#indexTop .detaileArea .point02 .pointTit{
	top: 40px;
}
#indexTop .detaileArea .pointTxt{
	padding-top: 25px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.03em;
	text-align: center;
	color: #4d4141;
	transform: rotate(0.03deg);
}
#indexTop .detaileArea .point03 .pointTxt {
    padding-top: 5px;
}
#indexTop .detaileArea .point04 .pointTxt {
    padding-top: 10px;
}
#indexTop .detaileArea .point07 .pointTxt{
	padding-top: 65px;
	font-size: 1.8rem;
	line-height: 2.111;
}
#indexTop .detaileArea .point08 .pointTxt{
	margin-top: -215px;
    padding-top: 0;
}
#indexTop .detaileArea .pointTxt .emoji{
	font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
}

#indexTop .detaileArea .specArea{
	position: relative;
	max-width: 1531px;
	display: flex;
	justify-content: space-between;
	margin: 115px auto 0;
}
#indexTop .detaileArea .specAreaImg01 {
	width: 972.56px;
}
#indexTop .detaileArea .specAreaImg02 {
	margin-top: 170px;
	width: 502.48px;
}
#indexTop .detaileArea .specArea::before{
	content: "";
	display: block;
	position: absolute;
	top: 765px;
	right: -55px;
	z-index: -1;
	width: 552.01px;
	height: 639.32px;
	background-image: url(/estherbunny/images/index/model_cut03@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#indexTop .detaileArea .specAreaTit{
  font-size: 6rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
  color: #afc0e3;
	margin: 0 0 28px;
}
#indexTop .detaileArea .specList{
	display: flex;
	flex-wrap: wrap;
  font-size: 2rem;
  line-height: 2.1;
  letter-spacing: 0.03em;
  color: #4d4141;
	padding: 0 236px;
	transform: rotate(0.03deg);
}
#indexTop .detaileArea .specListTit{
	max-width: 50%;
	width: 100%;
}
#indexTop .detaileArea .specListCon{
	display: flex;
	align-items: baseline;
	max-width: 50%;
	width: 100%;
}
#indexTop .detaileArea .specListCon::before{
	content: "：　";
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .detaileArea{
		padding: 8.3vw 0 0;
	}
	#indexTop .detaileArea .commonTit .lotNum{
		    width: 100%;
			margin: 0 auto;
	}
	#indexTop .detaileArea::before{
		padding-bottom: 6.2vw;
		top: -6vw;
	}
	#indexTop .detaileArea::after{
		padding-bottom: 19.931vw;
	}
	#indexTop .detaileArea .minContainer::after{
		bottom: 3.083vw;
        left: 21.139vw;
        width: 37.5vw;
        padding-bottom: 17.528vw;
	}
	#indexTop .detaileArea .pointArea{
		max-width: 99%;
		padding: 10vw 0 150vw;
		margin: auto;
	}
	#indexTop .detaileArea .pointArea::after{
		bottom: 0;
        top: 51%;
        width: 30.3vw;
        height: 38vw;
        padding-bottom: 2.014vw;
	}
	#indexTop .detaileArea .watchImg{
		max-width: 64.2vw;
		top: 5%;
    	left: 50%;
	}
	#indexTop .detaileArea .point01 {
		top: 2.5%;
		right: 19%;
	}
	#indexTop .detaileArea .point03{
		top: 28%;
    	right: 2.8%;
	}
	#indexTop .detaileArea .pointImg{
		max-width: 16.7vw;
	}
	#indexTop .detaileArea .pointImg {
        max-width: 14.3vw;
    }
	#indexTop .detaileArea .point07 .pointImg {
		max-width: 87.6%;
	}
	#indexTop .detaileArea .point07 .pointImg img {
		    width: 20vw;
	}
	#indexTop .detaileArea .pointImg::after{
		width: 35.417vw;
		height: 35.417vw;
	}
	#indexTop .detaileArea .pointTxtBox{
		width: 23.8vw;
        height: 17.681vw;
	}
	#indexTop .detaileArea .point01 .pointTxtBox{
		width: 23.8vw;
        height: 17.681vw;
		top: 8.222vw;
        right: -16.556vw;
	}
	#indexTop .detaileArea .point02 .pointTxtBox{
		width: 22.7%;
    	height: 15vw;
		bottom: -28.097vw;
        left: 5vw;
        top: 4%;
	}
	#indexTop .detaileArea .point03 .pointTxtBox{
		top: -5.111vw;
        left: -9.694vw;
		width: 97.5%;
    	height: 10vw;
	}
	#indexTop .detaileArea .point04 .pointTxtBox {
		width: 25.9%;
		height: 19vw;
		top: 33%;
		left: 3%;
	}
	#indexTop .detaileArea .point05 .pointTxtBox {
		width: 22.7%;
		height: 15vw;
		top: 50%;
		left: 3%;
	}
	#indexTop .detaileArea .point06 .pointTxtBox {
		width: 28.5%;
        height: 25vw;
        top: 49.5%;
        right: 19%;
	}
	#indexTop .detaileArea .point07 {
		top: 100%;
		left: 7%;
	}
	#indexTop .detaileArea .point07 .pointTxtBox {
		width: 227.6%;
        height: 44vw;
        top: -89%;
        left: 46.5%;
	}

	#indexTop .detaileArea .point08 .pointTxtBox {
		width: 128.3%;
        height: 30vw;
        top: -9vw;
        right: -15%;
	}

	#indexTop .detaileArea .point08 .pointImg {
		max-width: 92%;
        margin: auto;
        margin-top: -2%;
	}
	#indexTop .detaileArea .point08 .pointImg img {
		width: 28vw;
	}

	#indexTop .detaileArea .point07 {
		top: 73%;
        left: 4%;
	}
	#indexTop .detaileArea .point08 {
		top: 133vw;
        right: calc(10%);
	}
	#indexTop .detaileArea .point07 .pointTxt {
		padding-top: 10%;
		font-size: 1.25vw;
	}
	#indexTop .detaileArea .point08 .pointTxt {
		margin-top: -48%;
	}
	#indexTop .detaileArea .pointTit{
		top: 3.472vw;
		left: 2.431vw;
		font-size: 4.167vw;
	}
	#indexTop .detaileArea .point02 .pointTit{
		top: 2.778vw;
	}
	#indexTop .detaileArea .pointTxt{
		font-size: 1.389vw;
	}
	
	#indexTop .detaileArea .specArea{
		max-width: 94.375vw;
        padding: 5.944vw 0 0;
        margin: 0 auto 0;
	}

	#indexTop .detaileArea .specAreaImg01 {
		width: 65%;
	}
	#indexTop .detaileArea .specAreaImg02 {
		margin-top: 10%;
		width: 32%;
	}
	#indexTop .detaileArea .specArea::before {
		top: 55.167vw;
		right: -2vw;
		width: 32.639vw;
		height: 37.306vw;
	}
	#indexTop .detaileArea .specAreaTit{
		font-size: 4.167vw;
		margin: 0 0 1.944vw;
	}
	#indexTop .detaileArea .specList{
		font-size: 1.389vw;
		padding: 0 16.389vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .detaileArea{
		padding: 6.66vw 0 4vw;
		background-image: url(/estherbunny/images/index/detaileArea-bg-img01-sp@2x.png);
	}
	#indexTop .detaileArea::before{
		padding-bottom: 8vw;
		top: -8vw;
		background-image: url(/estherbunny/images/index/section_deco_02_sp.svg);
	}
	#indexTop .detaileArea::after{
		content: "";
		display: block;
		position: absolute;
		top: 172.333vw;
        left: 6%;
        width: 87%;
        padding-bottom: 144vw;
        background-image: url(/estherbunny/images/index/detaileArea-spDeco.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	#indexTop .detaileArea .minContainer::after{
		display: none;
	}
	#indexTop .detaileArea .pointArea{
		display: block;
		padding: 0 0 723vw;
		border-radius: 13.1vw;
	}
	#indexTop .detaileArea .pointArea::after{
		display: none;
	}
	#indexTop .detaileArea .point{
		margin: 0 auto 13.333vw;
		width: 76.4vw;
        top: 15%;
        right: calc(50% - 47vw);
	}
	#indexTop .detaileArea .point03{
		margin: 0 auto 13.333vw;
	}
	#indexTop .detaileArea .pointImg{
		margin-top: 5%;
		max-width: 100%;
	}
	#indexTop .detaileArea .pointImg::after{
		display: none;
	}
	#indexTop .detaileArea .pointTxtBox{
		display: block;
		position: absolute;
		width: 100%;
		height: auto;
		background-image: none;
		text-align: center;
	}
	#indexTop .detaileArea .point01 .pointTxtBox {
		top: 1%;
		right: 0;
	}
	#indexTop .detaileArea .pointTit{
		top: -8vw;
		left: -5.333vw;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 9.333vw;
		line-height: 1;
		width: 52.133vw;
		height: 35.467vw;
		background-image: url(/cinnamoroll/images/index/detaile_txt_bg_sp@2x.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#indexTop .detaileArea .point02 .pointTit{
		top: -8vw;
		left: auto;
		right: -5.333vw;
	}
	#indexTop .detaileArea .pointTxt{
		margin-top: 3%;
		font-size: 3.73333vw;
		line-height: 1.75;
		letter-spacing: 0.06em;
		text-align: center;
		padding: 0 5.333vw;
		font-weight: 300;
	}
	#indexTop .detaileArea .pointTxt02{
		font-size: 5.73333vw;
		line-height: 1;
		letter-spacing: 0.06em;
		color: #F27FB1;
	}
	#indexTop .detaileArea .pointTxt02 span{
		font-size: 11.6vw;
		line-height: 1;
		letter-spacing: 0.06em;
		font-family: "Monomaniac One", sans-serif;
		color: #F27FB1;
	}
	#indexTop .detaileArea .point01 .pointTxt02 span{
		margin-left: -2%;
	}
	
	#indexTop .detaileArea .specArea::before{
		display: none;
	}
	#indexTop .detaileArea .specAreaTit{
		font-size: 8vw;
		line-height: 1.7;
		letter-spacing: 0.05em;
		margin: 0 0 5.6vw;
	}
	#indexTop .detaileArea .specList{
		font-size: 4.267vw;
		line-height: 1.25;
		letter-spacing: normal;
		padding: 0;
	}
	#indexTop .detaileArea .specListTit{
		margin: 0 0 4vw;
	}
	#indexTop .detaileArea .specListCon{
		margin: 0 0 4vw;
	}
	#indexTop .detaileArea .watchImg {
		top: 0.4%;
        left: 52%;
		max-width: 97.2%;
	}
	#indexTop .detaileArea .point.point02 {
		margin: 0 auto 13.333vw;
        width: 85.5%;
        top: 178vw;
        left: calc(50% - 65.243vw);
        position: absolute;
	}
	#indexTop .detaileArea .point.point03 {
		top: 244vw;
		right: -7.2vw;
		position: absolute;
	}
	#indexTop .detaileArea .point.point04 {
		margin: 0 auto 13.333vw;
        width: 85.5%;
		top: 308vw;
        left: -19.5vw;
		position: absolute;
	}
	#indexTop .detaileArea .point.point05 {
		top: 371vw;
        right: -2.5vw;
		position: absolute;
	}
	#indexTop .detaileArea .point.point06 {
		width: 100%;
		top: 440vw;
		right: 28vw;
		position: absolute;
	}
	#indexTop .detaileArea .point07 {
		top: 529vw;
        left: -72%;
        width: 87.3%;
	}
	#indexTop .detaileArea .point08 {
		        top: 687vw;
        width: 79.5%;
        right: -1vw;
	}
	#indexTop .detaileArea .point02 .pointTxtBox {
		width: 100%;
		height: auto;
		top: 3%;
		left: 0;
	}
	#indexTop .detaileArea .point03 .pointTxtBox {
		width: 100%;
		height: auto;
		top: 3%;
		right: 2vw;
	}
	#indexTop .detaileArea .point04 .pointTxtBox {
		width: 100%;
		height: auto;
		top: 3%;
		left: -2vw;
	}
	#indexTop .detaileArea .point05 .pointTxtBox {
		width: 100%;
		height: auto;
		top: 3%;
		left: 0%;
	}
	#indexTop .detaileArea .point06 .pointTxtBox{
		width: 100%;
		height: 64vw;
		background-image: url(/estherbunny/images/index/detaile_txt_bg-02-sp@2x.png);
		top: 3%;
		left: 40%;
	}
	#indexTop .detaileArea .point06 .pointTxt {
		margin-top: 29%;
	}

	#indexTop .detaileArea .point07 .pointTxtBox{
		width: 100%;
		height: auto;
		background-image: none;
		background-color: #FDE1EC;
		top: 3%;
		left: 40%;
		border-radius: 10.8vw;
	}
	#indexTop .detaileArea .point07 .pointTxt {
		padding: 7.21vw 1vw 8.4vw;
		font-size: 3.73333vw;
        line-height: 2;
        letter-spacing: 0.06em;
	}
	#indexTop .detaileArea .point07 .pointTxt::before{
		content: "";
        display: block;
        position: absolute;
	
        top: -82.667vw;
        left: -8%;
        width: 136%;
        padding-bottom: 89vw;
        background-image: url(/estherbunny/images/index/detaileArea-spDeco4@2x.png);
        background-repeat: no-repeat;
		background-size: contain;
	}
	#indexTop .detaileArea .point07 .pointTxt::after{
		content: "";
        display: block;
        position: absolute;
		top: -218.667vw;
        left: 80%;
        width: 80%;
        padding-bottom: 63vw;
        background-image: url(/estherbunny/images/index/detaileArea-spDeco2@2x.png);
        background-repeat: no-repeat;
		background-size: contain;
	}
	#indexTop .detaileArea .point07 .pointTxt span {
		display: block;
		margin-top: 5%;
	}
	#indexTop .detaileArea .point08 .pointTxtBox{
		width: 100%;
        height: 70vw;
        background-image: url(/estherbunny/images/index/detaile_txt_bg-04-sp@2x.png);
        top: -40vw;
        right: -0.2vw;
	}

	#indexTop .detaileArea .point08 .pointTxt::after{
		content: "";
        display: block;
        position: absolute;
		top: -254.667vw;
        left: -24%;
        width: 100%;
        padding-bottom: 79vw;
        background-image: url(/estherbunny/images/index/detaileArea-spDeco3@2x.png);
        background-repeat: no-repeat;
		background-size: contain;
	}
	#indexTop .detaileArea .point08 .pointTxt::before{
		content: "";
        display: block;
        position: absolute;
		top: -11vw;
        left: -22%;
        width: 142%;
        padding-bottom: 70vw;
        background-image: url(/estherbunny/images/index/detaileArea-spDeco5@2x.png);
        background-repeat: no-repeat;
		background-size: contain;
	}
	#indexTop .detaileArea .point08 .pointTxt {
		margin-top: 16%;
	}
	#indexTop .detaileArea .point08 .pointImg {
		margin-top: -17%;
		position: absolute;
		left: 19%;
		max-width: 62.4%;
	}
	#indexTop .detaileArea .point08 .pointImg img {
		width: 100%;
	}
	#indexTop .detaileArea .specArea {
		margin: 19% auto 0;
		max-width: 89.46%;
		display: block;
	}
	#indexTop .detaileArea .specAreaImg01 {
		position: relative;
		width: 68.1%;
	}
	#indexTop .detaileArea .specAreaImg02 {
		display: none;
	}
	#indexTop .detaileArea .specAreaImg01::after{
		content: "";
        display: block;
		position: absolute;
        top: -18%;
        right: -48%;
        width: 62.7%;
        padding-bottom: 94vw;
        background-image: url(/estherbunny/images/index/detaileArea-spDeco03.png);
        background-repeat: no-repeat;
		background-position: center;
        background-size: contain;
	}
}

@media screen and (max-width : 500px){
	#indexTop .detaileArea::after {
		top: 172.333vw;
        left: 6%;
	}
	#indexTop .detaileArea .point08 .pointTxt::after {
        top: -260.667vw;
	}
	#indexTop .detaileArea .point07 .pointTxt::after {
		top: -222.667vw;
        left: 84%;
	}
	#indexTop .detaileArea .point.point03 {
		right: -2.5vw;
    }
	#indexTop .detaileArea .point.point04 {
        top: 316vw;
    }
	#indexTop .detaileArea .point.point05 {
        top: 386vw;
    }
	#indexTop .detaileArea .point.point06 {
        top: 455.5vw;
    }
	#indexTop .detaileArea .point07 {
        top: 549vw;
    }
	#indexTop .detaileArea .point08 {
        top: 710vw;
    }
	#indexTop .detaileArea .pointArea {
        padding: 0 0 749vw;
    }
	#indexTop .detaileArea .point04 .pointTxtBox {
        left: 0vw;
    }
	#indexTop .detaileArea .point03 .pointTxtBox {
        right: 0vw;
    }
}


/* =========================== specialPackageArea =============================== */
#indexTop .specialPackageArea{
	position: relative;
	z-index: 1;
  	background-image: url(/estherbunny/images/index/MovieArea-bg-img01.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 20px 0 211px;
	overflow: hidden;
}
#indexTop .specialPackageArea::after{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	z-index: -1;
	width: 100%;
	padding-bottom: 4.5vw;
	background-image: url(/estherbunny/images/index/section_deco_03.svg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .specialPackageArea::before{
	content: "";
	display: block;
	position: absolute;
	bottom: -3px;
    left: 0;
    z-index: -1;
    width: 100%;
    padding-bottom: 3vw;
	background-image: url(/estherbunny/images/index/section_deco_04.svg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .specialPackageArea .specialPackageAreaTit{
	justify-content: space-between;
	margin: 0 0 65px;
}
#indexTop .specialPackageArea .specialPackageAreaTit::before,
#indexTop .specialPackageArea .specialPackageAreaTit::after{
	margin: 0;
}
#indexTop .specialPackageArea .pouchArea{
	position: relative;
	z-index: 1;
}

#indexTop .specialPackageArea .specialPackageAreaTxt{
  font-size: 2rem;
  line-height: 2.5;
  letter-spacing: 0.03em;
  text-align: center;
  color: #4d4141;
	margin: 0 0 18px;
	transform: rotate(0.03deg);
}
#indexTop .specialPackageArea .pouchSpecTxt{
  font-size: 2rem;
  line-height: 2.5;
  letter-spacing: 0.03em;
  text-align: center;
  color: #1babc6;
	margin: 0 0 36px;
	transform: rotate(0.03deg);
}
#indexTop .specialPackageArea .specialPackageImg{
	position: relative;
	max-width: 75.55%;
	width: 100%;
	margin: 0 auto;
}
#indexTop .specialPackageArea .pouchHandleImg{
	position: absolute;
	top: -170px;
  left: -84px;
	z-index: 1;
	max-width: 33.528%;
	width: 100%;
}
#indexTop .specialPackageArea .pouchHandleTxt{
	position: absolute;
	top: 68px;
  left: -195px;
	z-index: 2;
	max-width: 368px;
	width: 100%;
  font-size: 2rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #8bd0dd;
	padding: 92px 0 59px;
}
#indexTop .specialPackageArea .pouchHandleTxt b{
  font-size: 2.4rem;
	line-height: 1.2;
  color: #8bd0dd;
}
#indexTop .specialPackageArea .pouchHandleTxt::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url(/cinnamoroll/images/index/special_txt_bg@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#indexTop .specialPackageArea .pouchImg{
	position: absolute;
	bottom: -224px;
	right: -251px;
	z-index: 1;
	max-width: 61.725%;
	width: 100%;
}

#indexTop .specialPackageArea .wearingImageArea{
	position: relative;
}
#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit{
	font-size: 160px;
	line-height: 0.88;
	letter-spacing: 0.03em;
	text-align: left;
	color: #d8dfef;
}
#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit .tit01{
	position: absolute;
	top: -85px;
	left: 0;
  	color: #d8dfef;
}
#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit .tit02{
	position: absolute;
	bottom: -52px;
	right: 0;
  	color: #d8dfef;
}
#indexTop .specialPackageArea .wearingImageArea .wearingImage{
	position: relative;
	max-width: 71.011%;
	width: 100%;
	margin: 0 auto;
}

#indexTop .youtubeArea{
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
}
#indexTop .youtubeArea .youtube{
	position: relative;
	width: 100%;
	padding-bottom: 177.49%;
	z-index: 1;
}
#indexTop .youtubeArea iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#indexTop .specialPackageArea .commonTit {
	margin: 240px auto 39px;
    width: 637.76px;
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .specialPackageArea{
		padding: 1.389vw 0 13.167vw;
	}
	#indexTop .specialPackageArea .specialPackageAreaTit{
		margin: 0 0 4.514vw;
	}
	#indexTop .specialPackageArea .specialPackageAreaTxt{
		font-size: 1.389vw;
		margin: 0 0 1.25vw;
	}
	#indexTop .specialPackageArea .pouchSpecTxt{
		font-size: 1.389vw;
		margin: 0 0 2.5vw;
	}
	#indexTop .specialPackageArea .pouchHandleImg{
		top: -11.806vw;
		left: -5.833vw;
	}
	#indexTop .specialPackageArea .pouchHandleTxt{
		top: 4.722vw;
		left: -13.542vw;
		max-width: 25.556vw;
		font-size: 1.389vw;
		padding: 6.389vw 0 4.097vw;
	}
	#indexTop .specialPackageArea .pouchHandleTxt b{
		font-size: 1.667vw;
	}
	#indexTop .specialPackageArea .pouchImg{
		bottom: -15.556vw;
		right: -17.431vw;
	}
	
	#indexTop .specialPackageArea .wearingImageArea{
		margin: 1.8vw 0 0;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit{
		font-size: 11.111vw;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit .tit01{
		top: -5.903vw;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit .tit02{
		bottom: -3.611vw;
	}
	#indexTop .specialPackageArea .commonTit {
		margin: 16% auto 0;
		width: 44.3%;
	}
	#indexTop .youtubeArea {
		max-width: 38%;
	}
	#indexTop .specialPackageArea::before {
		bottom: 0vw;
		left: 0;
		padding-bottom: 3vw;
	}
	#indexTop .specialPackageArea::after {
		top: 0vw;
		padding-bottom: 5vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .specialPackageArea{
		padding: 0;
	}
	#indexTop .specialPackageArea .specialPackageAreaTit{
		justify-content: center;
		line-height: 1.21;
		margin: 0 0 13.333vw;
	}
	#indexTop .specialPackageArea .specialPackageAreaTit::before{
		margin: 0 9.6vw 0 0;
	}
	#indexTop .specialPackageArea .specialPackageAreaTit::after{
		margin: 0 0 0 9.6vw;
	}

	#indexTop .specialPackageArea .pouchArea{
		padding: 0 5.333vw 25.867vw;
	}
	#indexTop .specialPackageArea .specialPackageAreaTxt{
		font-size: 4.267vw;
		line-height: 2;
		letter-spacing: normal;
		text-align: left;
		margin: 0 0 4vw;
	}
	#indexTop .specialPackageArea .pouchSpecTxt{
		font-size: 4.267vw;
		line-height: 2;
		letter-spacing: normal;
		margin: 0 0 42.667vw;
	}
	#indexTop .specialPackageArea .specialPackageImg{
		max-width: 78.667vw;
	}
	#indexTop .specialPackageArea .pouchHandleImg{
		top: -33.333vw;
		left: -9.867vw;
		max-width: 46.133vw;
	}
	#indexTop .specialPackageArea .pouchHandleTxt{
		top: -26.667vw;
		left: 21.6vw;
		max-width: 53.067vw;
		font-size: 3.733vw;
		line-height: 1.43;
		padding: 5.867vw 0;
	}
	#indexTop .specialPackageArea .pouchHandleTxt b{
		font-size: 4.267vw;
	}
	#indexTop .specialPackageArea .pouchHandleTxt::after{
		background-image: url(/cinnamoroll/images/index/special_txt_bg_sp@2x.png);
	}
	#indexTop .specialPackageArea .pouchImg{
		bottom: -33.333vw;
		right: -5.333vw;
		max-width: 56.933vw;
	}
	
	#indexTop .specialPackageArea .wearingImageArea{
		padding: 0 0 12vw;
		margin: 3.1vw 0 0;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit{
		font-size: 12.933vw;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit .tit01{
		top: -6.933vw;
		left: 0;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImageAreaTit .tit02{
		bottom: -3.333vw;
		right: 0;
	}
	#indexTop .specialPackageArea .wearingImageArea .wearingImage{
		max-width: 78.667vw;
	}
	#indexTop .youtubeArea{
		max-width: 100%;
		padding: 0 20.933vw;
	}
	#indexTop .specialPackageArea::after {
		padding-bottom: 5vw;
	}
	#indexTop .specialPackageArea .commonTit {
		margin: 15.66% auto 0;
		width: 60.59%;
	}
	#indexTop .specialPackageArea {
		background-image: url(/estherbunny/images/index/MovieArea-bg-img01-sp.png);
	}
}

/* =========================== estherbunnyProfileArea =============================== */
#indexTop .estherbunnyProfileArea {
	position: relative;
	padding: 150px 0 105px;
}
#indexTop .estherbunnyProfileArea .estherbunnyProfileAreaWrap {
	margin: auto;
	padding: 95px 0 85px;
	border-radius: 92px;
	width: 1366px;
	background-color: #FFFDE8;
	box-shadow: 0 0 8px #fff;
}
#indexTop .estherbunnyProfileArea .commonTit{
	font-size: 5.6rem;
	font-weight: normal;
	line-height: 1.69;
	letter-spacing: 0.05em;
	text-align: center;
	color: #F27FB1;
	margin: 0 auto 35px;
	width: 629px;
}
#indexTop .estherbunnyProfileArea .estherbunnyProfileAreaWrap_txt {
	font-size: 2rem;	
	line-height: 2;
	color: #000000;
	text-align: center;
}
#indexTop .estherbunnyProfileArea .btn01 {
	margin: 48px auto 0;
	width: 286px;
}
#indexTop .estherbunnyProfileArea .btn01 a {
	padding: 19px 0 26px 0;
}
#indexTop .estherbunnyProfileArea .btn01 a::before {
	display: none;
}
#indexTop .estherbunnyProfileArea::before{
	content: "";
	display: block;
	position: absolute;
	top: -45px;
    left: calc(50% - 1150px);
    z-index: 0;
    width: 464.22px;
    padding-bottom: 926.26px;
	background-image: url(/estherbunny/images/index/estherbunnyProfileArea_deco01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .estherbunnyProfileArea::after{
	content: "";
	display: block;
	position: absolute;
	top: -45px;
    right: calc(50% - 1150px);
    z-index: 0;
    width: 464.22px;
    padding-bottom: 926.26px;
	background-image: url(/estherbunny/images/index/estherbunnyProfileArea_deco02@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .estherbunnyProfileAreaWrap::before{
	content: "";
	display: block;
	position: absolute;
	top: 459px;
    left: calc(50% - 648px);
    z-index: 0;
    width: 323.52px;
    padding-bottom: 424.8px;
	background-image: url(/estherbunny/images/index/estherbunnyProfileAreaWrap_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .estherbunnyProfileAreaWrap::after {
	content: "";
	display: block;
	position: absolute;
    top: 459px;
    right: calc(50% - 644px);
    z-index: 0;
    width: 368.07px;
    padding-bottom: 431.26px;
	background-image: url(/estherbunny/images/index/estherbunnyProfileAreaWrap_img02@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* =========================== cinnamorollProfileArea =============================== */
#indexTop .cinnamorollProfileArea{
	position: relative;
	z-index: 1;
	padding: 358px 0 650px;
}
#indexTop .cinnamorollProfileArea::before{
	content: "";
	display: block;
	position: absolute;
	top: 465px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 1120px;
    padding-bottom: 877px;
	background-image: url(/estherbunny/images/index/products_watch_bg_01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .cinnamorollProfileArea::after{
	content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    padding-bottom: 3vw;
    background-image: url(/estherbunny/images/index/section_deco_08.svg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

#indexTop .cinnamorollProfileArea .minContainer::before{
	content: "";
    display: block;
    position: absolute;
	top: 340px;
    left: calc(50% - 865px);
    width: 324.36px;
    padding-bottom: 550.76px;
    background-image: url(/estherbunny/images/index/ProfileArea_img01@2x.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}
#indexTop .cinnamorollProfileArea .minContainer::after{
	content: "";
    display: block;
    position: absolute;
    top: -72px;
	z-index: 1;
    right: calc(50% - 1130px);
    width: 591.38px;
    padding-bottom: 951.69px;
    background-image: url(/estherbunny/images/index/ProfileArea_img02@2x.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

#indexTop .cinnamorollProfileArea .collaboAboutWatchTxt{
	width: 368px;
    position: absolute;
    right: calc(50% - 452px);
    top: 473px;
}
#indexTop .cinnamorollProfileArea .btn01 {
	margin-top: 25.5px;
}
#indexTop .cinnamorollProfileArea .lotNum{
	font-family: "Monomaniac One", sans-serif;
	font-size: 5rem;
	line-height: 1.15;
	text-align: center;
	color: #F27FB1;
	transform: rotate(0.03deg);
	width: 350px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#indexTop .cinnamorollProfileArea .lotNum span{
	display: inline-flex;
  	align-items: center;
	width: 222px;
}
#indexTop .cinnamorollProfileArea .lotNum span img{
	display: block;
  	height: 1.15em; /* 文字サイズに合わせたい場合 */
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit{
	line-height: 1.39;
	margin: 0 0 70px;
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit img{
	display: block;
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit::before{
	margin: 0 70px 0 0;
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit::after{
	margin: 0 0 0 70px;
}
#indexTop .cinnamorollProfileArea .flex{
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
#indexTop .cinnamorollProfileArea .flex::after{
	content: "";
	display: block;
	position: absolute;
	top: -132px;
	left: 51.5%;
	transform: translateX(-50%);
	z-index: -1;
	width: 1437px;
	padding-bottom: 833px;
	background-image: url(/cinnamoroll/images/index/cinnamoroll_bg@2x.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileTxt{
	position: relative;
	z-index: 1;
	max-width: 51.099%;
	width: 100%;
  font-size: 2rem;
  line-height: 2.5;
  letter-spacing: .03em;
  text-align: left;
  color: #4d4141;
	padding: 86px 90px 66px 102px;
	transform: rotate(0.03deg);
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileTxt::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
	width: 100%;
	padding-bottom: 100%;
	background-image: url(/cinnamoroll/images/index/cinnamoroll_txt_bg@2x.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
#indexTop .cinnamorollProfileArea .cinnamorollProfileImg{
	max-width: 40.264%;
	width: 100%;
	margin: 80px 0 0;
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .cinnamorollProfileArea{
		padding: 45.861vw 0 20.833vw;
	}
	#indexTop .cinnamorollProfileArea::before{
		top: 28.361vw;
        width: 75.4vw;
        padding-bottom: 54.931vw;
	}
	#indexTop .collaboAbout .lotNum {
		width: 100%;
	}
	#indexTop .cinnamorollProfileArea .collaboAboutWatchTxt {
		width: 25.6%;
        right: 20%;
        top: 45%;
	}
	#indexTop .cinnamorollProfileArea .btn01 {
        max-width: 19.278vw;
        margin: auto;
        margin-top: 2%; 
	}
	#indexTop .cinnamorollProfileArea .lotNum {
		width: 100%;
	}
	#indexTop .cinnamorollProfileArea .collaboAboutWatchTxt::before {
		bottom: -9vw;
        left: -61vw;
		z-index: -1;
		width: 23.6vw;
		padding-bottom: 34vw;
	}
	#indexTop .cinnamorollProfileArea .minContainer::after {
		top: -12%;
		right: -25%;
		width: 40%;
		padding-bottom: 65%;
	}
	#indexTop .cinnamorollProfileArea .minContainer::before {
		top: 38%;
        left: -3.5%;
        width: 19%;
        padding-bottom: 32.5%;
	}
	#indexTop .cinnamorollProfileArea .rightBox::after{
		bottom: -0.694vw;
        right: -11.3vw;
        width: 23.6vw;
        padding-bottom: 32.722vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit{
		margin: 0 0 4.861vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit::before{
		margin: 0 4.861vw 0 0;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit::after{
		margin: 0 0 0 4.861vw;
	}
	#indexTop .cinnamorollProfileArea .flex::after{
		top: -9.167vw;
		width: 99.792vw;
		padding-bottom: 57.847vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileTxt{
		font-size: 1.389vw;
		padding: 5.972vw 6.25vw 4.583vw 7.083vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileImg{
		margin: 5.556vw 0 0;
	}
	#indexTop .estherbunnyProfileArea .estherbunnyProfileAreaWrap {
		padding: 7% 0 5%;
		border-radius: 9vw;
		width: 94.375vw;
	}
	#indexTop .estherbunnyProfileArea .commonTit {
		font-size: 3.89vw;
		margin: 0 auto 3%;
		width: 46.4%;
	}
	#indexTop .estherbunnyProfileArea .estherbunnyProfileAreaWrap_txt {
		font-size: 1.589vw;
	}
	#indexTop .estherbunnyProfileAreaWrap::after {
		top: 46%;
		right: 5%;
		width: 24%;
		padding-bottom: 29%;
	}

	#indexTop .estherbunnyProfileAreaWrap::before {
		top: 45%;
		left: 4%;
		width: 21%;
		padding-bottom: 27.5%;
	}

	#indexTop .estherbunnyProfileArea::before {
		display: none;
	}
	#indexTop .estherbunnyProfileArea::after {
		display: none;
	}
	#indexTop .estherbunnyProfileArea {
		padding: 6vw 0 7vw;
	}
}
@media screen and (max-width : 768px){
	#indexTop .cinnamorollProfileArea{
		padding: 32.4vw 0 108.333vw;
	}
	#indexTop .cinnamorollProfileArea::before{
		top: 45.5%;
		padding-bottom: 121.4vw;
        width: 90%;
		background-image: url(/estherbunny/images/index/products_watch_bg_01-sp@2x.png);
	}
	#indexTop .cinnamorollProfileArea .minContainer{
		padding: 0;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit{
		margin: 0 0 8.667vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit .img{
		display: block;
		width: 53.333vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit::before{
		margin: 0 5.333vw 0 0;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileAreaTit::after{
		margin: 0 0 0 5.333vw;
	}
	#indexTop .cinnamorollProfileArea .flex{
		flex-flow: column-reverse;
	}
	#indexTop .cinnamorollProfileArea .flex::after{
		top: auto;
		bottom: -20.267vw;
		left: 5.333vw;
		transform: none;
		width: 44.8vw;
		padding-bottom: 25.6vw;
		background-image: url(/cinnamoroll/images/index/cinnamoroll_bg_sp@2x.png);
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileTxt{
		max-width: 100%;
		font-size: 4.267vw;
		line-height: 1.88;
		letter-spacing: .01em;
		padding: 9.333vw 10.667vw;
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileTxt::after{
		background-image: url(/cinnamoroll/images/index/cinnamoroll_txt_bg_sp@2x.png);
	}
	#indexTop .cinnamorollProfileArea .cinnamorollProfileImg{
		max-width: 100%;
		margin: 0 auto -2.667vw;
	}
	#indexTop .estherbunnyProfileArea::before {
		display: none;
	}
	#indexTop .estherbunnyProfileArea::after {
		display: none;
	}

	#indexTop .estherbunnyProfileArea {
		margin-top: -5%;
		padding: 13.6667% 0 13.334%;
	}
	#indexTop .estherbunnyProfileArea::after{
		content: "";
		display: block;
		position: absolute;
		top: 37%;
        left: 8%;
        width: 83.3%;
        padding-bottom: 25.5%;
		background-image: url(/estherbunny/images/index/estherbunnyProfileAreaWrap_img03-sp@2x.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	#indexTop .specialPackageArea::before {
		bottom: 0;
		padding-bottom: 4vw;
	}
	#indexTop .estherbunnyProfileArea .estherbunnyProfileAreaWrap {
		border-radius: 17.5vw;
		width: 89.334%;
		padding: 11% 0 10%;
	}
	#indexTop .estherbunnyProfileArea .commonTit {
		font-size: 6vw;
		line-height: 1.69;
		letter-spacing: 0.05em;
		margin: 0 auto 5%;
		width: 73.34%;
	}
	#indexTop .estherbunnyProfileArea .estherbunnyProfileAreaWrap_txt {
		font-size: 3.46666vw;
		font-weight: 300;
	}
	#indexTop .estherbunnyProfileAreaWrap::before {
		top: 70%;
        left: 2%;
        width: 25.334%;
        padding-bottom: 38.5%;
		background-image: url(/estherbunny/images/index/estherbunnyProfileAreaWrap_img01-sp@2x.png);
	}
	#indexTop .estherbunnyProfileAreaWrap::after {
		top: 70%;
        right: 3.5%;
        width: 22.4%;
        padding-bottom: 38.5%;
		background-image: url(/estherbunny/images/index/estherbunnyProfileAreaWrap_img02-sp@2x.png)
	}
	#indexTop .estherbunnyProfileArea .btn01 {
		margin: 5.36% auto 0;
        max-width: 33.334vw;
    }
	#indexTop .cinnamorollProfileArea .minContainer::before{
		top: 88vw;
        left: 1.5vw;
        width: 19.6%;
        padding-bottom: 46vw;
		background-image: url(/estherbunny/images/index/ProfileArea_img01-sp@2x.png);
	}
	#indexTop .cinnamorollProfileArea .btn01 {
		max-width: 33.88vw;
	}
	#indexTop .cinnamorollProfileArea .minContainer::after {
		content: "";
		display: block;
		position: absolute;
		top: 89vw;
        right: 1.5vw;
		width: 20.6%;
        padding-bottom: 44vw;
		background-image: url(/estherbunny/images/index/ProfileArea_img02-sp@2x.png);
		background-position: center top;
	}
	#indexTop .cinnamorollProfileArea .collaboAboutWatchTxt {
		width: 69.2%;
		position: absolute;
		right: 15%;
		top: 64.5%;
	}
	#indexTop .cinnamorollProfileArea .lotNum {
		width: 100%;
	}
	#indexTop .cinnamorollProfileArea .btn01 {
        max-width: 33.88vw;
        margin: 5% auto 0;
    }
	#indexTop .cinnamorollProfileArea .btn01 a::before {
        bottom: -13%;
        right: -1%;
        width: 24%;
        padding-bottom: 8vw;
    }
	#indexTop .estherbunnyProfileArea .btn01 a {
		padding: 2.5vw 0 3.4vw 0;
	}
}

/* =========================== angelAbout =============================== */
#indexTop .angelAbout{
  position: relative;
	z-index: 1;
	padding: 150px 0 210px;
}
#indexTop .angelAbout::before{
	content: "";
    display: block;
    position: absolute;
	top: -1vw;
    left: 0;
    width: 100%;
    padding-bottom: 3vw;
    background-image: url(/estherbunny/images/index/section_deco_04.svg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(3.142rad);
}
#indexTop .angelAbout::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
  background-color: #F7C0D6;
}
#indexTop .angelAbout .flex{
	position: relative;
  	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1366px;
	margin: auto;
}
#indexTop .angelAbout2 .flexWrap::before{
	content: "";
    display: block;
    position: absolute;
	top: -360px;
    right: 0;
    width: 200px;
    padding-bottom: 415px;
    background-image: url(/estherbunny/images/index/bunny.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}
#indexTop .angelAbout .btn01{
  	margin: 53px auto 0;
}
#indexTop .angelAbout .btn01 a::before {
	display: none;
}
#indexTop .angelAbout .angelAboutImg{
  	max-width: 628px;
	width: 100%;
}
#indexTop .angelAbout .txtBox{
	max-width: 680px;
	width: 100%;
	text-align: center;
}
#indexTop .angelAbout .txtBox .commonTit{
	max-width: 595px;
	font-size: 5.3rem;
    font-weight: normal;
    line-height: 1.69;
    letter-spacing: 0.05em;
    text-align: center;
    color: #F27FB1;
    margin: 0 auto 40px;
    width: 982px;
}
#indexTop .angelAbout .angelAboutTit{
	display: flex;
	align-items: flex-start;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 4.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  color: #fff;
	margin: 0 0 83px;
}
#indexTop .angelAbout .angelAboutTit .logo{
	display: block;
	max-width: 76.68%;
	width: 100%;
	margin: 0 22px 0 0;
}
#indexTop .angelAbout .angelAboutTxt{
  font-size: 2rem;
  line-height: 2.5;
  letter-spacing: 0.03em;
  color: #4d4141;
	margin: 0 0 17px;
	transform: rotate(0.03deg);
	font-weight: 500;
}

#indexTop .angelAbout::after {
	background: linear-gradient(#FCCBE0,#F7BFD5);
}
#indexTop .angelAbout2 {
    padding: 21px 0 128px;
}
#indexTop .angelAbout2::before{
	content: "";
    display: block;
    position: absolute;
    top: -206px;
    left: 0;
    width: 100%;
    padding-bottom: 206.62px;
    background-image: url(/estherbunny/images/index/section_deco_07.svg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
	transform: rotate(0);
}
#indexTop .angelAbout2 .txtBox .commonTit {
	max-width: 521px;	
}
#indexTop .angelAbout2 .txtBox .commonTit .txtBoxMatsumoto {
	margin: 4.5% auto 0;
	max-width: 182px;	
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .angelAbout{
		position: relative;
		padding: 10.417vw 0 8.389vw;
	}
	#indexTop .angelAbout::before{
		padding-bottom: 9.931vw;
        top: -10%;
	}
	#indexTop .angelAbout .angelAboutImg{
		max-width: 46%;
	}
	#indexTop .angelAbout .btn01 {
		margin: 6% auto 0;
		max-width: 20.5vw;
	}

	#indexTop .angelAbout .txtBox {
		max-width: 52%;
	}
	#indexTop .angelAbout .txtBox .commonTit {
		margin: 0 auto 4%;
		font-size: 3.7vw;
		width: 99%;
	}
	#indexTop .angelAbout .angelAboutTit{
		font-size: 3.194vw;
		margin: 0 0 5.764vw;
	}
	#indexTop .angelAbout .angelAboutTit .logo{
		margin: 0 1.528vw 0 0;
	}
	#indexTop .angelAbout .angelAboutTxt{
		font-size: 1.389vw;
		margin: 0 0 1.181vw;
	}
	#indexTop .angelAbout .flex {
		width: 95%;
	}
	#indexTop .angelAbout2 {
        padding: 7.417vw 0 10.389vw;
    }
	#indexTop .angelAbout2 .txtBox .commonTit {
        width: 76.6%;
    }
	#indexTop .angelAbout2 .txtBox .commonTit .txtBoxMatsumoto {
		margin: 4.5% auto 0;
		max-width: 35%;
	}
	#indexTop .angelAbout2 .flexWrap::before {
		top: -14vw;
		right: 0;
		width: 12%;
		padding-bottom: 24vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .angelAbout{
		padding: 4vw 0 7vw;
	}
	#indexTop .angelAbout2{
		padding: 4vw 0 12.66vw;
	}
	#indexTop .angelAbout .minContainer{
		padding: 0 3.33337vw;
	}
	#indexTop .angelAbout::before{
		padding-bottom: 3.8vw;
        top: 0%;
		background-image: url(/estherbunny/images/index/section_deco_04-sp.svg);
	}
	#indexTop .angelAbout2::before{
		padding-bottom: 16.8vw;
        top: -7%;
	}
	#indexTop .angelAbout .flex .btn01::before {
		content: "";
        display: block;
        position: absolute;
        top: 166vw;
        right: 0;
        width: 21.6%;
        padding-bottom: 43vw;
        background-image: url(/estherbunny/images/index/sp-deco.png);
        background-position: center top;
		background-size: contain;
        background-repeat: no-repeat;
	}
	#indexTop .angelAbout2 .flex .btn01::before {
		display: none;
	}
	#indexTop .angelAbout .flex{
		display: block;
		margin-top: 9%;
		width: 100%;
	}
	#indexTop .angelAbout2 .flex{
		display: block;
		margin-top: 5%;
		width: 100%;
	}
	#indexTop .angelAbout .angelAboutImg{
		max-width: 60%;
        margin: 9% auto 0;
	}
	#indexTop .angelAbout2 .angelAboutImg{
        margin: 0% auto 0;
	}
	#indexTop .angelAbout .txtBox{
		max-width: 100%;
	}
	#indexTop .angelAbout .angelAboutTit{
		justify-content: center;
		align-items: flex-end;
		font-size: 6vw;
		margin: 0 0 10.667vw;
	}
	#indexTop .angelAbout .angelAboutTit .logo{
		max-width: 46.533vw;
		margin: 0 2vw 0 0;
	}
	#indexTop .angelAbout .txtBox .commonTit {
		max-width: 80%;
		font-size: 6vw;
		margin: 0 auto 5%;
		width: 71%;
	}
	#indexTop .angelAbout2 .txtBox .commonTit {
		width: 59.3%;
	}
	#indexTop .angelAbout .angelAboutTxt{
		font-size: 3.73333vw;
		line-height: 1.88;
		letter-spacing: 0.01em;
		margin: 0 0 6.667vw;
		font-weight: 300;
	}
	#indexTop .angelAbout .txtBox::before {
		content: "";
		display: block;
		position: absolute;
		top: 32%;
        left: -8%;
        width: 116.66667%;
        padding-bottom: 50vw;
		background-image: url(/estherbunny/images/index/angelAbout2Deco-sp.png);
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#indexTop .angelAbout2 .txtBox::before {
		content: "";
		display: block;
		position: absolute;
		top: 37%;
        left: 5%;
        width: 90%;
        padding-bottom: 37vw;
		background-image: url(/estherbunny/images/index/angelAbout2Deco-sp2.png);
		background-position: center top;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#indexTop .angelAbout2 .txtBox .commonTit .txtBoxMatsumoto {
		margin: 4.5% auto 0;
		max-width: 36%;
	}
	#indexTop .angelAbout .btn01 {
		margin: 5.8% auto 0;
		max-width: 33.333vw;
	}
	#indexTop .angelAbout .btn01 a::before {
		display: none;
	}
	#indexTop .angelAbout2::before {
		background-image: url(/estherbunny/images/index/section_deco_07-sp.svg);
	}
	#indexTop .angelAbout::after {
		background: linear-gradient(#F7C0D6,#F7BFD5);
	}
	#indexTop .angelAbout2::after {
        background: linear-gradient(#F8D3E4, #F4B7D1);
    }
	#indexTop .angelAbout2 .flexWrap::before {
		display: none;
	}
}

/* =========================== watchLinkArea =============================== */
#indexTop .watchLinkArea{
	position: relative;
	z-index: 2;
  background-color: #fafeff;
}
#indexTop .watchLinkArea .flex{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 160px 0 174px;
}
#indexTop .watchLinkArea .flex::before{
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	left: -104px;
	z-index: -2;
	width: 111.736%;
	padding-bottom: 75.107%;
	background-image: url(/cinnamoroll/images/index/products_watch_bg_03@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#indexTop .watchLinkArea .flex::after{
	content: "";
	display: block;
	position: absolute;
	top: -18px;
	left: -50px;
	z-index: -1;
	width: 105.69%;
	padding-bottom: 68.991%;
	background-image: url(/cinnamoroll/images/index/products_watch_bg_02@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#indexTop .watchLinkArea .cinnamorollImg{
	max-width: 39.532%;
	width: 100%;
	margin: -20px 30px 0 0;
}
#indexTop .watchLinkArea .watchLinkImg{
	max-width: 18.302%;
	width: 100%;
	transition: all ease-out .3s;
}
#indexTop .watchLinkArea .isActive .watchLinkImg{
	opacity: .6;
}
#indexTop .watchLinkArea .watchLinkTxt{
	max-width: 16.106%;
	width: 100%;
}
#indexTop .watchLinkArea .lotNum{
  font-size: 2rem;
  line-height: 1.15;
  text-align: center;
  color: #4d4141;
	transform: rotate(0.03deg);
}
#indexTop .watchLinkArea .price{
  font-size: 2rem;
  line-height: 1.15;
  text-align: center;
  color: #4d4141;
	margin: 10px 0 0;
	transform: rotate(0.03deg);
}
#indexTop .watchLinkArea .btn01{
	margin: 35px 0 50px;
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .watchLinkArea .flex{
		padding: 11.111vw 0 12.083vw;
	}
	#indexTop .watchLinkArea .flex::before{
		top: -3.472vw;
		left: -7.222vw;
	}
	#indexTop .watchLinkArea .flex::after{
		top: -1.25vw;
		left: -3.472vw;
	}
	#indexTop .watchLinkArea .cinnamorollImg{
		margin: -1.389vw 2.083vw 0 0;
	}
	#indexTop .watchLinkArea .lotNum{
		font-size: 1.389vw;
	}
	#indexTop .watchLinkArea .price{
		font-size: 1.389vw;
		margin: 0.694vw 0 0;
	}
	#indexTop .watchLinkArea .btn01{
		margin: 2.431vw 0 3.472vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .watchLinkArea{
		padding: 21.333vw 0 51.067vw;
	}
	#indexTop .watchLinkArea::before{
		content: "";
		display: block;
		position: absolute;
		top: -4vw;
		left: 0;
		z-index: -1;
		width: 100%;
		padding-bottom: 34.533vw;
		background-image: url(/cinnamoroll/images/index/products_watch_bg_02_sp@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#indexTop .watchLinkArea::after{
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: 2.933vw;
		left: 0;
		z-index: -1;
		width: 100%;
		padding-bottom: 52.533vw;
		background-image: url(/cinnamoroll/images/index/products_watch_bg_03_sp@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#indexTop .watchLinkArea .flex{
		padding: 0 5.333vw;
	}
	#indexTop .watchLinkArea .flex::before{
		left: auto;
		top: auto;
		bottom: -33.067vw;
		right: 10.667vw;
		z-index: 1;
		width: 50.667vw;
		padding-bottom: 56.667vw;
		background-image: url(/cinnamoroll/images/index/products_img_02@2x.png);
	}
	#indexTop .watchLinkArea .flex::after{
		top: -5.333vw;
    left: 46%;
		transform: translateX(-50%);
		width: 148.933vw;
		padding-bottom: 98.667vw;
		background-image: url(/cinnamoroll/images/index/products_watch_bg_01_sp@2x.png);
	}
	#indexTop .watchLinkArea .watchLinkImg{
		max-width: 36vw;
	}
	#indexTop .watchLinkArea .watchLinkTxt{
		max-width: none;
		flex-grow: 1;
	}
	#indexTop .watchLinkArea .lotNum{
		font-size: 4.267vw;
		line-height: 1.16;
	}
	#indexTop .watchLinkArea .price{
		font-size: 4.267vw;
		line-height: 1.16;
		margin: 2vw 0 0;
	}
	#indexTop .watchLinkArea .btn01{
		margin: 4vw 0 1.333vw;
	}
}

/* =========================== shopListArea =============================== */
#indexTop .shopListArea{
	position: relative;
	z-index: 1;
	padding: 110px 0 31px;
  	background: linear-gradient(#F4B8D2,#F7C6DB);
}
#indexTop .shopListAreaWrap {
	display: flex;
	margin: auto;
	width: 1366px;
}
#indexTop .shopListAreaWrap .shopListAreaWrap-img {
	width: 625px;
}
#indexTop .shopListAreaWrap .shopListAreaWrap-shop {
	padding-top: 30px;
	display: flex;
    flex-flow: column;
    align-items: center;
	width: 743.35px;
	background-color: #FFFDE8;
	border-radius: 0 100px 100px 0;
}
#indexTop .shopListAreaWrap .shopListAreaWrap-shop img {
	margin: 0% auto 0;
    width: 84%;
}
#indexTop .shopListAreaWrap-shop-copyright {
	margin: 178px auto 0;
	width: 354px;
}
#indexTop .shopListAreaWrap .btn01 {
    margin-top: 10px;
}
#indexTop .shopListArea .commonTit{
	width: 1053.4px;
}
#indexTop .shopListArea::before{
	content: "";
	display: block;
	position: absolute;
	top: -45px;
	left: 0;
	width: 100%;
	padding-bottom: 4vw;
	background-image: url(/estherbunny/images/index/section_deco_09.svg);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
#indexTop .shopListArea .shopListAreaTit{
	display: flex;
	align-items: center;
	justify-content: center;
  font-size: 11rem;
  line-height: 1.69;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
	margin: 0 auto 75px;
}
#indexTop .shopListArea .shopListAreaTit::before{
  content: "";
	display: block;
	width: 204px;
	height: 6px;
	background-image: url(/cinnamoroll/images/index/tit_deco_03.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 112px 0 0;
	flex-shrink: 0;
}
#indexTop .shopListArea .shopListAreaTit::after{
  content: "";
	display: block;
	width: 204px;
	height: 6px;
	background-image: url(/cinnamoroll/images/index/tit_deco_04.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 0 0 112px;
	flex-shrink: 0;
}
#indexTop .shopListArea .flex{
	display: flex;
	justify-content: center;
	margin: 0 0 200px;
}
#indexTop .shopListArea .btn02{
	margin: 0 40px;
}
#indexTop .shopListArea .shopListAreaTxt{
	display: flex;
	align-items: baseline;
	justify-content: center;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  color: #4d4141;
	margin: 47px auto 123px;
}
#indexTop .shopListArea .shopListAreaTxt::before{
	content: "※";
	flex-shrink: 0;
}
#indexTop .shopListArea .sanrioCopyright{
	display: block;
	font-family: 'Noto Sans JP',sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.84px;
  text-align: center;
  color: #4d4141;
}

@media screen and (min-width : 769px) and (max-width : 1480px){
	#indexTop .shopListArea{
		padding: 5.25vw 0 2.125vw;
	}

	#indexTop .shopListAreaWrap .shopListAreaWrap-shop img {
		margin: 4% auto 0;
        width: 92%;
	}
	#indexTop .shopListAreaWrap .shopListAreaWrap-img {
		width: 49%;
	}
	#indexTop .shopListAreaWrap .shopListAreaWrap-shop {
		padding-top: 1.5%;
		width: 51%;
		border-radius: 0 10vw 10vw 0;
	}
	#indexTop .shopListAreaWrap-shop-copyright {
		margin: 10% auto 0;
		width: 24.6%;
	}
	#indexTop .shopListAreaWrap .btn01 {
        max-width: 21.278vw;
    }
	#indexTop .shopListAreaWrap {
		margin: 4% auto 3%;
		width: 88%;
	}
	#indexTop .shopListArea .commonTit {
		width: 73.2%;
	}
	#indexTop .shopListArea::before{
		top: -4vw;
		padding-bottom: 4.931vw;
	}
	#indexTop .shopListArea .shopListAreaTit{
		font-size: 7.639vw;
		margin: 0 auto 75px;
	}
	#indexTop .shopListArea .shopListAreaTit::before{
		width: 14.167vw;
		height: 0.417vw;
		margin: 0 7.778vw 0 0;
	}
	#indexTop .shopListArea .shopListAreaTit::after{
		width: 14.167vw;
		height: 0.417vw;
		margin: 0 0 0 7.778vw;
	}
	#indexTop .shopListArea .flex{
		margin: 0 0 13.889vw;
	}
	#indexTop .shopListArea .btn02{
		margin: 0 2.778vw;
	}
	#indexTop .shopListArea .shopListAreaTxt{
		font-size: 1.25vw;
		margin: 47px auto 123px;
	}
	#indexTop .shopListArea .sanrioCopyright{
		font-size: 0.972vw;
		letter-spacing: 0.058vw;
	}
}

@media screen and (max-width : 768px){
	#indexTop .shopListArea{
		padding: 6.8vw 0 3.6vw;
		background: linear-gradient(#F2B6CE, #F7C6DB);
	}
	#indexTop .shopListArea .shopListAreaTit{
		font-size: 10.4vw;
		line-height: 1.69;
		letter-spacing: 0.05em;
		margin: 0 auto 15.6vw;
	}
	#indexTop .shopListArea .shopListAreaTit::before{
		width: 12.533vw;
		height: 0.8vw;
		background-image: url(/cinnamoroll/images/index/tit_deco_03_sp.svg);
		margin: 0 9.733vw 0 0;
	}
	#indexTop .shopListArea .shopListAreaTit::after{
		width: 12.533vw;
		height: 0.8vw;
		background-image: url(/cinnamoroll/images/index/tit_deco_04_sp.svg);
		margin: 0 0 0 9.733vw;
	}
	#indexTop .shopListArea .flex{
		display: block;
		margin: 0 0 18.667vw;
	}
	#indexTop .shopListArea .btn02{
		margin: 0 auto 6.667vw;
	}
	#indexTop .shopListArea .shopListAreaTxt{
		font-size: 4vw;
		line-height: 2;
		letter-spacing: .9px;
		text-align: left;
		padding: 0 10.667vw;
		margin: 10.933vw auto 18.667vw;
	}
	#indexTop .shopListArea .shopListAreaTxt::before{
		margin: 0 1.333vw 0 0;
	}
	#indexTop .shopListArea .sanrioCopyright{
		font-size: 3.333vw;
		letter-spacing: .06em;
	}

	#indexTop .cinnamorollProfileArea::after {
		top: -3%;
        left: 0;
        width: 100%;
        padding-bottom: 9vw;
		background-image: url(/estherbunny/images/index/section_deco_08-sp.svg);
	}

	#indexTop .shopListArea .commonTit {
		margin: 0 auto 5.4vw;
		width: 89.46%;
	}
	#indexTop .shopListAreaWrap-shop-copyright {
		margin: 28% auto 0;
		width: 30.6%;
	}
	#indexTop .shopListAreaWrap {
		width: 89.334%;
		justify-content: end;
	}
	#indexTop .shopListAreaWrap .shopListAreaWrap-img {
    	display: none;
	}
	#indexTop .shopListAreaWrap .shopListAreaWrap-shop {
		margin-top: 27%;
		padding-top: 0;
		width: 78%;
		border-radius: 10vw;
	}
	#indexTop .shopListAreaWrap .shopListAreaWrap-shop img {
		margin: 4% 0 0 22%;
		width: 70%;
	}
	#indexTop .shopListAreaWrap .btn01 a::before {
        bottom: -13%;
        right: -1%;
        width: 24%;
        padding-bottom: 8vw;
	}
	#indexTop .shopListAreaWrap .btn01 {
		margin-top: 0px;
		max-width: 33.9vw;
	}
	#indexTop .shopListAreaWrap .shopListAreaWrap-shop::after {
		content: "";
		display: block;
		position: absolute;
		top: 29.933vw;
        left: 5%;
        z-index: 0;
        width: 47%;
        padding-bottom: 52.533vw;
		background-image: url(/estherbunny/images/index/shop_img01-sp@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	#indexTop .shopListArea::after{
		content: "";
		display: block;
		position: absolute;
        top: 24vw;
        left: 46%;
        transform: translateX(-50%);
        width: 92%;
        padding-bottom: 119.667vw;
		background-image: url(/estherbunny/images/index/shopListAreaDeco.png);
		background-repeat: no-repeat;
		background-size: contain;
        background-position: center;
	}
	#indexTop .shopListArea .btn01 {
		margin-left: 21%;
		position: relative;
        z-index: 5;
    }
	#indexTop .shopListArea .btn01 a {
        margin: 5% 0 18.5%;
    }
	#indexTop .shopListArea::before {
		top: -3%;
        padding-bottom: 6vw;
		background-image: url(/estherbunny/images/index/section_deco_09-sp.svg);
	}
}