@charset "utf-8";

/*----------------------------------------
	9story
----------------------------------------*/

.lineup_navi01{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 53%;
}
.lineup_navi02{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 29%;
}
.lineup_navi03{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 5%;
}

.lineup2_navi01{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 58%;
}
.lineup2_navi02{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 32%;
}
.lineup2_navi03{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 6%;
}

.lineup3_navi01{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 61%;
}
.lineup3_navi02{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 37.5%;
}
.lineup3_navi03{
    display: block;
    position: absolute;
    width: 75%;
    transform: translate(-50%, 0);
    left:50%;
    bottom: 14%;
}


.variation_navi{
	width: 88%;
	display: flex;
	gap: 1%;
	justify-content: space-between;
	transform: translate(-50%, 0);
	position: absolute;
	left:50%;
	bottom: 6%;
}


.bg_dark{
	background: #898989;
}
.bg_sea{
	background: #7b9db6;
}
.bg_grass{
	background: #94a974;
}

.btn_aco_block{
    display: block;
    width: 75%;
    margin-inline: auto;
    cursor: pointer;
}

.btn_aco_block:hover{
    opacity: 0.7;
}


.btn_mi_re{
  display: block;
  width: 75%;
  margin-inline: auto;
}