@charset "utf-8";
*,*::before,*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.aw{
    width:100%;
    margin:0 auto;
    background-color:#fff;
    position:relative;
}
.ah{
    width:100%;
    aspect-ratio:90.3/4;
    background:url(https://p-c.pw/aso-f/img/on-he.webp) center / cover no-repeat;
    position:sticky;
    top:84px;
    /* top:120px; */
    /* top:156px; */
    z-index:9;
    box-shadow:0 1px 8px rgba(0,0,0,.2);
}
.am>div{
    position:relative;
}
.am>div>a{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.am>div>a:hover{
    background:rgba(255,245,61,0.15);
    cursor:pointer;
}
.am{
    width:37%;
    aspect-ratio:167/16.5;
    position: absolute;
    top:43%;
    left:65.5%;
    transform:translate(-50%,-50%) scale(1.2);
    transform-origin:top center;
    display:flex;
    justify-content:space-between;
}
.m1{
    width:11.1%;
    aspect-ratio:21/20;
}
.m1 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.m2{
    width:13.14%;
    aspect-ratio:7/5;
}
.m2 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.m3{
    width:17.16%;
    aspect-ratio:8/5;
}
.m3 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.m4{
    width:13.63%;
    aspect-ratio:27/20;
}
.m4 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.m5{
    width:14.64%;
    aspect-ratio:29/20;
}
.m5 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.m6{
    width:15.15%;
    aspect-ratio:3/2;
}
.m6 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.m7{
    width:15.66%;
    aspect-ratio:33/20;
}
.m7 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.ah a:hover .bt-plan{
    cursor:pointer;
    filter:brightness(1.1);
    z-index:1;
    position: sticky;
}

.afm{
    width:100%;
    background:#fff;
    /* margin-top:-42.9rem; */
    -webkit-overflow-scrolling:auto;
    overflow: visible;
}

.on1{
    width:100%;
    aspect-ratio:100/23;
    background:url(https://p-c.pw/aso-f/img/on-01.jpg) center / cover no-repeat;
}

.bt-plan{
    width:3.89%;
    aspect-ratio:37/79;
    position:sticky;
    top:420px;
    left:100%;
    z-index:1;
    transition:filter .3s ease;
}
.afm > a:hover .bt-plan,
.bt-plan:hover{
    cursor:pointer;
    filter:brightness(1.1);
}

.on2{
    width:100%;
    aspect-ratio:250/263;
    background:url(https://p-c.pw/aso-f/img/on-02.jpg) center / cover no-repeat;
}

.on-gr1{
    width:100%;
    aspect-ratio:1000/257;
    background:#DFF2DE;
}
/* スラ１ */
.onsl8{
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
    top:0;
    clip-path:inset(0 calc(50% - 36.8%) 0 calc(50% - 36.8%));
    overflow:hidden;
}
.onsl8 input{display:none;}

.onra8{
    width:100%;
    aspect-ratio:405/90;
    background:transparent;
    display:flex;
    justify-content:flex-start;
    gap:2.6%;
    transition:transform .6s ease;
}
.onra8 img{
    width:21.2%;
    aspect-ratio:212/245;
    object-fit:cover;
    flex:0 0 auto;
    display:block;
}

/* 各スライド位置（8枚分） */
#onsl8-1:checked ~ .onra8{transform:translateX(calc(50% - 34.4%));}
#onsl8-2:checked ~ .onra8{transform:translateX(calc(50% - 58.15%));}
#onsl8-3:checked ~ .onra8{transform:translateX(calc(50% - 82%));}
#onsl8-4:checked ~ .onra8{transform:translateX(calc(50% - 105.75%));}
#onsl8-5:checked ~ .onra8{transform:translateX(calc(50% - 129.5%));}
#onsl8-6:checked ~ .onra8{transform:translateX(calc(50% - 153.4%));}
#onsl8-7:checked ~ .onra8{transform:translateX(calc(50% - 177.1%));}
#onsl8-8:checked ~ .onra8{transform:translateX(calc(50% - 201%));}

/* ナビボタン */
.onna8{
    position:absolute;
    top:43.5%;
    left:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    transform:translateY(-50%);
    pointer-events:none;
}
.onna8 label{
    width:2.65%;
    aspect-ratio:1;
    background:#01865B;
    border-radius:50%;
    display:grid;
    place-items:center;
    pointer-events:auto;
    cursor:pointer;
    transition:filter .2s ease;
    z-index:1;
}
.onna8 label:hover{filter:brightness(1.1);}
.onna8 img{
    width:50%;
    height:50%;
    object-fit:contain;
}
.onna8 label{display:none;}

/* 選択中のみ表示 */
#onsl8-1:checked ~ .onna8 .pr-s1,
#onsl8-1:checked ~ .onna8 .ne-s1,
#onsl8-2:checked ~ .onna8 .pr-s2,
#onsl8-2:checked ~ .onna8 .ne-s2,
#onsl8-3:checked ~ .onna8 .pr-s3,
#onsl8-3:checked ~ .onna8 .ne-s3,
#onsl8-4:checked ~ .onna8 .pr-s4,
#onsl8-4:checked ~ .onna8 .ne-s4,
#onsl8-5:checked ~ .onna8 .pr-s5,
#onsl8-5:checked ~ .onna8 .ne-s5,
#onsl8-6:checked ~ .onna8 .pr-s6,
#onsl8-6:checked ~ .onna8 .ne-s6,
#onsl8-7:checked ~ .onna8 .pr-s7,
#onsl8-7:checked ~ .onna8 .ne-s7,
#onsl8-8:checked ~ .onna8 .pr-s8,
#onsl8-8:checked ~ .onna8 .ne-s8{display:grid;}

/* ボタン位置 */
.onsl8 .onna8{z-index:2;}
.onsl8 .onna8 label{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.onsl8 .onna8 label[class*="pr"]{left:14%;}
.onsl8 .onna8 label[class*="ne"]{right:14%;}
.onsl8 .onna8 label img{
    width:50%;
    height:50%;
    object-fit:contain;
}

/* ドット */
.ondo8{
    position:absolute;
    bottom:0%;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:.5rem;
}
.ondo8 label{
    width:.5rem;
    aspect-ratio:1;
    border-radius:50%;
    background:#ccc;
    cursor:pointer;
    transition:background .3s ease;
}
#onsl8-1:checked ~ .ondo8 label[for="onsl8-1"],
#onsl8-2:checked ~ .ondo8 label[for="onsl8-2"],
#onsl8-3:checked ~ .ondo8 label[for="onsl8-3"],
#onsl8-4:checked ~ .ondo8 label[for="onsl8-4"],
#onsl8-5:checked ~ .ondo8 label[for="onsl8-5"],
#onsl8-6:checked ~ .ondo8 label[for="onsl8-6"],
#onsl8-7:checked ~ .ondo8 label[for="onsl8-7"],
#onsl8-8:checked ~ .ondo8 label[for="onsl8-8"]{
    background:#00A060;}
/* スラ１ ここまで */

.on-03{
    width:100%;
    aspect-ratio:250/39;
    background:url(https://p-c.pw/aso-f/img/on-03.jpg) center / cover no-repeat;
}

/* スラ２ */
.on-gr2{
    width:100%;
    aspect-ratio:1000/257;
    background:#C3E7C3;
}
.onsl13{
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
    top:0;
    clip-path:inset(0 calc(50% - 36.8%) 0 calc(50% - 36.8%));
    overflow:hidden;
    background:transparent;
}
.onsl13 input{display:none;}

.onra13{
    width:100%;
    aspect-ratio:405/90;
    display:flex;
    justify-content:flex-start;
    gap:2.6%;
    transition:transform .6s ease;
    background:transparent;
}
.onra13 img{
    width:21.2%;
    aspect-ratio:212/245;
    object-fit:cover;
    flex:0 0 auto;
    display:block;
}

/* 各スライド位置（13枚分） */
#onsl13-1:checked ~ .onra13{transform:translateX(calc(50% - 34.3%));}
#onsl13-2:checked ~ .onra13{transform:translateX(calc(50% - 58.15%));}
#onsl13-3:checked ~ .onra13{transform:translateX(calc(50% - 82%));}
#onsl13-4:checked ~ .onra13{transform:translateX(calc(50% - 105.75%));}
#onsl13-5:checked ~ .onra13{transform:translateX(calc(50% - 129.6%));}
#onsl13-6:checked ~ .onra13{transform:translateX(calc(50% - 153.4%));}
#onsl13-7:checked ~ .onra13{transform:translateX(calc(50% - 177.2%));}
#onsl13-8:checked ~ .onra13{transform:translateX(calc(50% - 201%));}
#onsl13-9:checked ~ .onra13{transform:translateX(calc(50% - 224.8%));}
#onsl13-10:checked ~ .onra13{transform:translateX(calc(50% - 248.6%));}
#onsl13-11:checked ~ .onra13{transform:translateX(calc(50% - 272.4%));}
#onsl13-12:checked ~ .onra13{transform:translateX(calc(50% - 296.1%));}
#onsl13-13:checked ~ .onra13{transform:translateX(calc(50% - 320%));}

/* ナビボタン */
.onna13{
    position:absolute;
    top:43.5%;
    left:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    transform:translateY(-50%);
    pointer-events:none;
}
.onna13 label{
    width:2.65%;
    aspect-ratio:1;
    background:#01865B;
    border-radius:50%;
    display:grid;
    place-items:center;
    pointer-events:auto;
    cursor:pointer;
    transition:filter .2s ease;
    z-index:1;
}
.onna13 label:hover{filter:brightness(1.1);}
.onna13 img{
    width:50%;
    height:50%;
    object-fit:contain;
}
.onna13 label{display:none;}
#onsl13-1:checked ~ .onna13 .pr-s1,
#onsl13-1:checked ~ .onna13 .ne-s1,
#onsl13-2:checked ~ .onna13 .pr-s2,
#onsl13-2:checked ~ .onna13 .ne-s2,
#onsl13-3:checked ~ .onna13 .pr-s3,
#onsl13-3:checked ~ .onna13 .ne-s3,
#onsl13-4:checked ~ .onna13 .pr-s4,
#onsl13-4:checked ~ .onna13 .ne-s4,
#onsl13-5:checked ~ .onna13 .pr-s5,
#onsl13-5:checked ~ .onna13 .ne-s5,
#onsl13-6:checked ~ .onna13 .pr-s6,
#onsl13-6:checked ~ .onna13 .ne-s6,
#onsl13-7:checked ~ .onna13 .pr-s7,
#onsl13-7:checked ~ .onna13 .ne-s7,
#onsl13-8:checked ~ .onna13 .pr-s8,
#onsl13-8:checked ~ .onna13 .ne-s8,
#onsl13-9:checked ~ .onna13 .pr-s9,
#onsl13-9:checked ~ .onna13 .ne-s9,
#onsl13-10:checked ~ .onna13 .pr-s10,
#onsl13-10:checked ~ .onna13 .ne-s10,
#onsl13-11:checked ~ .onna13 .pr-s11,
#onsl13-11:checked ~ .onna13 .ne-s11,
#onsl13-12:checked ~ .onna13 .pr-s12,
#onsl13-12:checked ~ .onna13 .ne-s12,
#onsl13-13:checked ~ .onna13 .pr-s13,
#onsl13-13:checked ~ .onna13 .ne-s13{display:grid;}

/* ボタン位置 */
.onsl13 .onna13{z-index:2;}
.onsl13 .onna13 label{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.onsl13 .onna13 label[class*="pr"]{left:14%;}
.onsl13 .onna13 label[class*="ne"]{right:14%;}
.onsl13 .onna13 label img{
    width:50%;
    height:50%;
    object-fit:contain;
}

/* ドット */
.ondo13{
    position:absolute;
    bottom:0%;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:.5rem;
}
.ondo13 label{
    width:.5rem;
    aspect-ratio:1;
    border-radius:50%;
    background:#ccc;
    cursor:pointer;
    transition:background .3s ease;
}
#onsl13-1:checked ~ .ondo13 label[for="onsl13-1"],
#onsl13-2:checked ~ .ondo13 label[for="onsl13-2"],
#onsl13-3:checked ~ .ondo13 label[for="onsl13-3"],
#onsl13-4:checked ~ .ondo13 label[for="onsl13-4"],
#onsl13-5:checked ~ .ondo13 label[for="onsl13-5"],
#onsl13-6:checked ~ .ondo13 label[for="onsl13-6"],
#onsl13-7:checked ~ .ondo13 label[for="onsl13-7"],
#onsl13-8:checked ~ .ondo13 label[for="onsl13-8"],
#onsl13-9:checked ~ .ondo13 label[for="onsl13-9"],
#onsl13-10:checked ~ .ondo13 label[for="onsl13-10"],
#onsl13-11:checked ~ .ondo13 label[for="onsl13-11"],
#onsl13-12:checked ~ .ondo13 label[for="onsl13-12"],
#onsl13-13:checked ~ .ondo13 label[for="onsl13-13"]{
    background:#00A060;
}
/* スラ２ ここまで */

.on-04{
    width:100%;
    aspect-ratio:125/177;
    background:url(https://p-c.pw/aso-f/img/on-04.jpg) center / cover no-repeat;
}


/* スラ３ */
.on-gr2{
    width:100%;
    aspect-ratio:1000/257;
    background:#C3E7C3;
}

.onsl13b{
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
    top:0;
    clip-path:inset(0 calc(50% - 36.8%) 0 calc(50% - 36.8%));
    overflow:hidden;
}
.onsl13b input{display:none;}

.onra13b{
    width:100%;
    aspect-ratio:420/90;
    background:transparent;
    display:flex;
    justify-content:flex-start;
    gap:2.6%;
    transition:transform .6s ease;
}
.onra13b img{
    width:21.4%;
    aspect-ratio:1;
    object-fit:cover;
    flex:0 0 auto;
    display:block;
}

/* 各スライド位置（13枚分） */
#onsl13b-1:checked  ~ .onra13b{transform:translateX(calc(50% - 34.7%));}
#onsl13b-2:checked  ~ .onra13b{transform:translateX(calc(50% - 58.65%));}
#onsl13b-3:checked  ~ .onra13b{transform:translateX(calc(50% - 82.7%));}
#onsl13b-4:checked  ~ .onra13b{transform:translateX(calc(50% - 106.7%));}
#onsl13b-5:checked  ~ .onra13b{transform:translateX(calc(50% - 130.7%));}
#onsl13b-6:checked  ~ .onra13b{transform:translateX(calc(50% - 154.7%));}
#onsl13b-7:checked  ~ .onra13b{transform:translateX(calc(50% - 178.7%));}
#onsl13b-8:checked  ~ .onra13b{transform:translateX(calc(50% - 202.7%));}
#onsl13b-9:checked  ~ .onra13b{transform:translateX(calc(50% - 226.7%));}
#onsl13b-10:checked ~ .onra13b{transform:translateX(calc(50% - 250.8%));}
#onsl13b-11:checked ~ .onra13b{transform:translateX(calc(50% - 274.8%));}
#onsl13b-12:checked ~ .onra13b{transform:translateX(calc(50% - 298.7%));}
#onsl13b-13:checked ~ .onra13b{transform:translateX(calc(50% - 322.7%));}

/* ナビボタン */
.onna13b{
    position:absolute;
    top:43.5%;
    left:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    transform:translateY(-50%);
    pointer-events:none;
}
.onna13b label{
    width:2.65%;
    aspect-ratio:1;
    background:#01865B;
    border-radius:50%;
    display:grid;
    place-items:center;
    pointer-events:auto;
    cursor:pointer;
    transition:filter .2s ease;
    z-index:1;
}
.onna13b label:hover{filter:brightness(1.1);}
.onna13b img{
    width:50%;
    height:50%;
    object-fit:contain;
}
.onna13b label{display:none;}
#onsl13b-1:checked  ~ .onna13b .pr-s1,
#onsl13b-1:checked  ~ .onna13b .ne-s1,
#onsl13b-2:checked  ~ .onna13b .pr-s2,
#onsl13b-2:checked  ~ .onna13b .ne-s2,
#onsl13b-3:checked  ~ .onna13b .pr-s3,
#onsl13b-3:checked  ~ .onna13b .ne-s3,
#onsl13b-4:checked  ~ .onna13b .pr-s4,
#onsl13b-4:checked  ~ .onna13b .ne-s4,
#onsl13b-5:checked  ~ .onna13b .pr-s5,
#onsl13b-5:checked  ~ .onna13b .ne-s5,
#onsl13b-6:checked  ~ .onna13b .pr-s6,
#onsl13b-6:checked  ~ .onna13b .ne-s6,
#onsl13b-7:checked  ~ .onna13b .pr-s7,
#onsl13b-7:checked  ~ .onna13b .ne-s7,
#onsl13b-8:checked  ~ .onna13b .pr-s8,
#onsl13b-8:checked  ~ .onna13b .ne-s8,
#onsl13b-9:checked  ~ .onna13b .pr-s9,
#onsl13b-9:checked  ~ .onna13b .ne-s9,
#onsl13b-10:checked ~ .onna13b .pr-s10,
#onsl13b-10:checked ~ .onna13b .ne-s10,
#onsl13b-11:checked ~ .onna13b .pr-s11,
#onsl13b-11:checked ~ .onna13b .ne-s11,
#onsl13b-12:checked ~ .onna13b .pr-s12,
#onsl13b-12:checked ~ .onna13b .ne-s12,
#onsl13b-13:checked ~ .onna13b .pr-s13,
#onsl13b-13:checked ~ .onna13b .ne-s13{display:grid;}

/* ボタン位置 */
.onsl13b .onna13b{z-index:2;}
.onsl13b .onna13b label{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.onsl13b .onna13b label[class*="pr"]{left:14%;}
.onsl13b .onna13b label[class*="ne"]{right:14%;}
.onsl13b .onna13b label img{
    width:50%;
    height:50%;
    object-fit:contain;
}

/* ドット */
.ondo13b{
    position:absolute;
    bottom:0%;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:.5rem;
}
.ondo13b label{
    width:.5rem;
    aspect-ratio:1;
    border-radius:50%;
    background:#ccc;
    cursor:pointer;
    transition:background .3s ease;
}
#onsl13b-1:checked  ~ .ondo13b label[for="onsl13b-1"],
#onsl13b-2:checked  ~ .ondo13b label[for="onsl13b-2"],
#onsl13b-3:checked  ~ .ondo13b label[for="onsl13b-3"],
#onsl13b-4:checked  ~ .ondo13b label[for="onsl13b-4"],
#onsl13b-5:checked  ~ .ondo13b label[for="onsl13b-5"],
#onsl13b-6:checked  ~ .ondo13b label[for="onsl13b-6"],
#onsl13b-7:checked  ~ .ondo13b label[for="onsl13b-7"],
#onsl13b-8:checked  ~ .ondo13b label[for="onsl13b-8"],
#onsl13b-9:checked  ~ .ondo13b label[for="onsl13b-9"],
#onsl13b-10:checked ~ .ondo13b label[for="onsl13b-10"],
#onsl13b-11:checked ~ .ondo13b label[for="onsl13b-11"],
#onsl13b-12:checked ~ .ondo13b label[for="onsl13b-12"],
#onsl13b-13:checked ~ .ondo13b label[for="onsl13b-13"]{
    background:#00A060;}
/* スラ３ ここまで */

.on-05{
    width:100%;
    aspect-ratio:1000/1201;
    background:url(https://p-c.pw/aso-f/img/on-05.jpg) center / cover no-repeat;
}
.on-06{
    width:100%;
    aspect-ratio:200/171;
    background:url(https://p-c.pw/aso-f/img/on-06.jpg) center / cover no-repeat;
}

/* スラ４ */
.bage{
    width:100%;
    aspect-ratio:200/49;
    background:#F6F6EA;
}
.onsl5b{
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
    top:0;
    clip-path:inset(0 calc(50% - 36.8%) 0 calc(50% - 36.8%));
    overflow:hidden;
}
.onsl5b input{display:none;}
.onra5b{
    width:100%;
    aspect-ratio:385/94;
    background:transparent;
    display:flex;
    justify-content:flex-start;
    gap:2.6%;
    transition:transform .6s ease;
}
.onra5b img{
    width:21.4%;
    aspect-ratio:813/939;
    object-fit:cover;
    flex:0 0 auto;
    display:block;
}
/* 各スライド位置（5枚分） */
#onsl5b-1:checked ~ .onra5b{transform:translateX(calc(50% - 34.4%));}
#onsl5b-2:checked ~ .onra5b{transform:translateX(calc(50% - 58.7%));}
#onsl5b-3:checked ~ .onra5b{transform:translateX(calc(50% - 82.7%));}
#onsl5b-4:checked ~ .onra5b{transform:translateX(calc(50% - 106.75%));}
#onsl5b-5:checked ~ .onra5b{transform:translateX(calc(50% - 130.5%));}
/* ナビボタン */
.onna5b{
    position:absolute;
    top:43.5%;
    left:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    transform:translateY(-50%);
    pointer-events:none;
}
.onna5b label{
    width:2.65%;
    aspect-ratio:1;
    background:#01865B;
    border-radius:50%;
    display:grid;
    place-items:center;
    pointer-events:auto;
    cursor:pointer;
    transition:filter .2s ease;
    z-index:1;
}
.onna5b label:hover{filter:brightness(1.1);}
.onna5b img{
    width:50%;
    height:50%;
    object-fit:contain;
}
.onna5b label{display:none;}
#onsl5b-1:checked ~ .onna5b .pr-s1,
#onsl5b-1:checked ~ .onna5b .ne-s1,
#onsl5b-2:checked ~ .onna5b .pr-s2,
#onsl5b-2:checked ~ .onna5b .ne-s2,
#onsl5b-3:checked ~ .onna5b .pr-s3,
#onsl5b-3:checked ~ .onna5b .ne-s3,
#onsl5b-4:checked ~ .onna5b .pr-s4,
#onsl5b-4:checked ~ .onna5b .ne-s4,
#onsl5b-5:checked ~ .onna5b .pr-s5,
#onsl5b-5:checked ~ .onna5b .ne-s5{display:grid;}
/* ボタン位置 */
.onsl5b .onna5b{z-index:2;}
.onsl5b .onna5b label{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.onsl5b .onna5b label[class*="pr"]{left:14%;}
.onsl5b .onna5b label[class*="ne"]{right:14%;}
.onsl5b .onna5b label img{
    width:50%;
    height:50%;
    object-fit:contain;}
/* スラ４ ここまで */

.on-07{
    width:100%;
    aspect-ratio:500/219;
    background:url(https://p-c.pw/aso-f/img/on-07.jpg) center / cover no-repeat;
}

.af-fo{
    width:100%;
    aspect-ratio:1000/129;
    background:url(https://p-c.pw/aso-f/img/fo.webp) center / cover no-repeat;
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
}
.af-fo ul{
    width:36.84%;
    aspect-ratio:19/7;
    padding-top:3.9%;
    margin:0 0 0 65.6%;
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(3,1.3rem);
    grid-auto-columns:25%;
    list-style:none;
}
.af-fo ul li{
    width:100%;
}
.af-fo ul li a{
    line-height:1.3rem;
    font-size:.65rem;
    text-decoration:none;
    letter-spacing:-.5px;
    color:#fff;
    white-space:nowrap;
    cursor:pointer;
    text-decoration:none;
    padding-left:1%;
}
.af-fo ul li a:hover{
    background:rgba(255,245,61,0.15);
}