/*===================================================================
    追従ボタン
===================================================================*/
.float-wrap {
    position: fixed;
    bottom: 24%;
    right: 0;
    z-index: 10;
}

.float-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 30px;
    height: 130px;
    margin-bottom: 8px;
    border-radius: 5px 0 0 5px;
    
}

.float-btn--contact{
    background-color: #671821;
}
.float-btn--request{
    background-color: #99471F;
}

.float-btn--order{
    background-color: #CA650E;
}

.float-btn-text {
    writing-mode: vertical-rl;
    margin: 0;
    letter-spacing: 0.1em;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

/* .float-btn--contact {
    background-color: #9A5977;
}
.float-btn--request {
    background-color: #AD4256;
}
.float-btn--order {
    background-color: #C35A4C;
}
 */

@media screen and (max-width: 600px) {
    .float-wrap {
        display: flex;
        justify-content: space-between;
        bottom: 10px;
        right: auto;
        left: 0;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .float-btn {
        flex-direction: row;
        /* width: 49%; */
        width: 33%;
        height: 32px;
        border-radius: 5px;
    }

    .float-btn-text {
        writing-mode: horizontal-tb;
        letter-spacing: 0.05em;
    }
    
}

@media screen and (max-width: 480px) {
    .float-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

}


.page_top_btn {
    bottom: 8%;
}


/*===================================================================
    製品詳細ページの一覧へ戻るページのボタン
===================================================================*/
.return-back {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 240px;
    height: 40px;
    background-color: #dc000c;
    border: 1px solid #dc000c;
    color: #fff;
    border-radius: 5px;
    transition: .3s ease;
    margin: 0 auto 40px;
}

.return-back:hover {
    background-color: #fff;
    color: #C8161D;
}