/* ---ログイン後↓--- */
/* ログイン名 */
.box_newtop_1{
    width: 355px;
    margin: -12px 10px 0 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}
.box_newtop_1 .mid_title{
}
.f2_login2 {
    padding-left: 20px;
    background: url(../img/icon_1.png) no-repeat left center;
}

/*TOP1にMY1 フローティングメニュー表示用 */
/*MY1 フローティングメニュー*/
.page_footer{
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 5000;
    height: 111px;
    background-color: #F8CBAD;
}
/*MY1 フローティングメニュー*/

.page_footer .my1_inner{
    width: 987px;
    position: relative;
    margin: 12px auto 0;
    height: 111px;
}

/*MY1 フローティングメニュー上のボタン*/
.page_footer .my1_inner .btn{
    display:block;
    border-radius:4px;
    background-repeat:no-repeat;
    background:linear-gradient(180deg,#ED7D31 0%,#ED7D31 25%,#ffffff 25%,#ffffff 100%);
}
.page_footer .my1_inner .btn:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=#{70})";
}
.page_footer .my1_inner .btn{
    float:left;
    margin: 0px 7px 0px 7px;
    width:315px;
    height: 87px;
    font-size:14px;
}
.page_footer .my1_inner .btn a{
    display: inline-block;
    margin: 10px 0 0 7px;
    word-wrap:break-word;
    line-height: 22px;
    font-size:14px;
    text-decoration: underline ;
    color: #000000;
}
/* リンク無しの場合 */
.page_footer .my1_inner .btn .no_link_text{
    display: inline-block;
    margin: 10px 0 0 7px;
    word-wrap:break-word;
    line-height: 22px;
    font-size:14px;
    /*text-decoration: underline ;*/
    color: #000000;
}
.page_footer .my1_inner .btn .btntitle{
    margin: 4px 0 0 7px;
    font-size:14px;
    color: #ffffff;
    text-align: center;
}

@media screen and (max-width: 640px) {
    /*MY1 フローティングメニューのスライド↓*/

    /* 1. スライダー全体の囲い：上に隙間を作り、高さを確保 */
    .page_footer .my1_inner.swiper {
        width: 100% !important;
        margin: 15px auto !important; /* ★上の「はりつき」を解消 */
        overflow: hidden !important;
        padding-bottom: 30px !important; /* 点々のための余白 */
    }

    /* 2. ボタンを横に並べる箱：ここには触りません */
    .swiper-wrapper {
        display: flex !important;
        align-items: center !important; /* 縦方向を中央に */
    }

    /* 3. ボタン本体：スライド同士が「繋がらない」ように設定 */
    .page_footer .my1_inner .btn.swiper-slide {
        float: none !important;
        flex-shrink: 0 !important;
        width: 340px;
        height: 84px !important;
        margin: 0 auto;
        display: block !important;
        background-color: #ffffff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; /* 繋がって見えないよう影を少し追加 */
    }

    /*MY1 フローティングメニューのスライド↑*/
}