#girls_container {
	position: relative;
	background-color: #ffffff;
	height: 90vh;
	width : 100%;
	margin: 0px;
	margin: 0 auto; /* 中央寄せ */
}
/* 横幅狭い場合 */
	@media (max-aspect-ratio: 1.25) {
		#girls_container {
			height: auto;
			aspect-ratio : 1.25;
		}
	}
/* 横幅広い場合 */
	@media (min-aspect-ratio: 1.6) {
		#girls_container {
			width : auto;
			aspect-ratio : 1.6;
		}
	}

/* ■アニメーション設定 */
@keyframes girls_moveR {
	10% { left: 4%;}
	60% { left:  4.5%;}
	100% { left: 0;}
}
@keyframes girls_moveL {
	10% { right: 4%;}
	60% { right: 4.5%;}
	100% { right: 0;}
}
@keyframes girls_fstJump {
	50% { top: 5px;}
	100% { top: 10px;}
}
@keyframes girls_overJump {
	50% { top: 5px;}
	100% { top: 10px;}
}

/* 各人物イラストブロック */
.girls_l2, .girls_r2, .girls_c, .girls_r, .girls_l {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
}
.girls_r-mouse, .girls_l-mouse , .girls_c-mouse{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100%;
	cursor: pointer;
	color: transparent;
}
.girls_l-mouse{
	width: 40%;
	height: 100%;
	left: 0%;
	top: 0%;
	z-index: 120;
}
.girls_r-mouse{
	width: 40%;
	height: 100%;
	right: 0%;
	top: 0%;
	z-index: 130;
}
.girls_c-mouse{
	width: 20%;
	height: 100%;
	left: 40%;
	top: 0%;
	z-index: 110;
}
.girls_focus{
	position: absolute;
	height: 38%;
	aspect-ratio : 1;
	top: 5%;
	background-color: #FFC495;
	border-radius: 100%;
	z-index: 5;
	display: none;
}


/* ■左ガール */
.girls_l , .girls_l2 {
	height:90%;
	width: 90%;
	left:0;
}
.girls_l {
	z-index: 40;
	background: url("image/top_3girls-l.png") no-repeat left/contain;
}
.girls_l2 {
	z-index: 10;
	background: url("image/top_3girls-l2.png") no-repeat left/contain;
}

/* ■右ガール */
.girls_r , .girls_r2 {
	height:90%;
	width: 90%;
	right:0;
}
.girls_r{
	z-index: 50;
	background: url("image/top_3girls-r.png") no-repeat right/contain;
}
.girls_r2{
	z-index: 20;
	background: url("image/top_3girls-r2.png") no-repeat right/contain;
}

/* ■真ん中ガール */
.girls_c{
	height:90%;
	width: 90%;
	left: 5%;
	z-index: 30;
	background: url("image/top_3girls-c.png") no-repeat center/contain;
}

/* ■ガールズ読込時アニメーション */
.initial-moveR {
  animation: girls_moveR 1.5s ease-in-out 0.5s forwards;
}
.initial-moveL {
  animation: girls_moveL 1.5s ease-in-out 0.5s forwards;
}
.initial-fstJump {
  animation: girls_fstJump 0.5s ease-in-out 1s forwards;
}

/* ■マウスオーバーアニメーション */

.girls_c-mouse:hover + .girls_c,
.girls_l-mouse:hover ~ .girls_l, .girls_l-mouse:hover ~ .girls_l2, 
.girls_r-mouse:hover ~ .girls_r, .girls_r-mouse:hover ~ .girls_r2
 {
	animation-name: girls_overJump;
	animation-duration: 0.5s;
	animation-timing-function : ease-out;
	animation-delay: 0.1s;
	animation-fill-mode: forwards;
	animation-animation-iteration-count: 1;
}
.girls_c-mouse:hover ~ .girls_focus{
	display: block;
	left: 38%;
}
.girls_l-mouse:hover ~ .girls_focus{
	display: block;
	left: 2%;
}
.girls_r-mouse:hover ~ .girls_focus{
	display: block;
	right: 2%;
}