@charset "UTF-8";

#ResponsiveSlides{
	position: relative;
}
#PinkCatZone{
	position: absolute;
	margin: auto 0;
	top: 0;
	right: 10%;
	bottom: 0;
	height: 300px;
	width: 420px;
	
	transition: width 0.2s ease-out, transform 0.2s ease-out;
	transform: translate(100vw);
	
	display: flex;
	background-image: url(cat_middle.png);
	background-size: 100% 100%;
}
#ResponsiveSlides[data-amtrest="1"] #PinkCatZone,
#ResponsiveSlides[data-amtrest="0"] #PinkCatZone{
	transform: none;
}
#ResponsiveSlides[data-amtrest="0"] #PinkCatZone{
	width: 80%;
}

#PinkCatZone > div:nth-child(1){
	flex-shrink: 0;
	width: 312px;
	height: 100%;
	background-image: url(cat_left.png);
	background-size: 100% 100%;
}
#PinkCatZone > div:nth-child(2){
	flex-grow: 1;
}
#PinkCatZone > div:nth-child(3){
	flex-shrink: 0;
	width: 108px;
	height: 100%;
	background-image: url(cat_right.png);
	background-size: 100% 100%;
}
@media(max-width:1100px){
	#PinkCatZone{
		right: 5%;
	}
	#ResponsiveSlides[data-amtrest="0"] #PinkCatZone{
		width: 90%;
	}
}
@media(max-width:1000px){
	#PinkCatZone{
		height: 30vw;
		width: 42vw;
	}
	#PinkCatZone > div:nth-child(1){
		width: 31.2vw;
	}
	#PinkCatZone > div:nth-child(3){
		width: 10.8vw;
	}
}









#PageTop a{
	width: 133px;
	height: 75px;
	background-image: url(gotop1.png);
	box-shadow: none;
}
#PageTop.scrolling a{
	background-image: url(gotop2.png);
}
#PageTop:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	background-image: url(gotop2.png);
	opacity: 0.02;
}
@media (max-width:747px){
	#PageTop a{
		width: 106px;
		height: 60px;
	}
}
@media (max-width:420px){
	#PageTop{
		bottom: 50px;
	}
}







.iconmenu li{
	/* padding: 0 10px; */
}

.iconmenu li#LiPinkCat a[href],
.iconmenu li#LiPinkCatLS a[href]{
	color: #eb6d9a;
}
.iconmenu li#LiPinkCat a:before,
.iconmenu li#LiPinkCatLS a:before{
	background-image: url(menuicon.svg);
}

.iconmenu li#LiPinkCatLS{
	display: none;
}
@media (max-width:820px){
	.iconmenu.big{
		display: flex;
	}
	.iconmenu li{
		width: auto;
		flex-grow: 1;
	}
	.iconmenu li#LiPinkCatLS{
		display: inline-block;
	}
	.iconmenu li#LiPinkCat{
		display: none;
	}
}





#PinkCatDialogue.modaldialogue{
	--modaldialoguemargin: 14vmin;
	--modaldialogueshadowcolour: #fff;
	--modaldialogueshadowopacity: 0.9;
	
	border-top: 0;
	padding: 0;
}
@media (orientation:landscape){
	#PinkCatDialogue.modaldialogue{
		--modaldialoguemargin: 8vmin;
	}
}
#PinkCatDialogue.modaldialogue .modaldialoguebody{
	width: auto;
	height: auto;
	aspect-ratio: 1000/1414;
	
	background-color: transparent;
	box-shadow: none;
	color: #000;
	
	transform: translate(50vw, 0) rotate(-15deg);
	transition: transform 0.3s ease-out;
}
#PinkCatDialogue.modaldialogue.on .modaldialoguebody{
	transform: rotate(-15deg);
}
#PinkCatDialogue.modaldialogue .modaldialoguebody h2{
	color: transparent;
}
#PinkCatDialogue.modaldialogue .modaldialoguebody .modaldialogueContent{
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	overflow: hidden;
}
#PinkCatDialogue.modaldialogue .modaldialoguebody .modaldialogueContent a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#PinkCatDialogue.modaldialogue .modaldialoguebody img{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.modaldialogueContent{
	position: relative;
}