@charset "utf-8";

/***************************************************
	dogs.css
***************************************************/
/* 親犬のご紹介
------------------------------------------------------------ */
#reservation-info figure {
    margin: 0;
}
#reservation-info .txt_base p:last-of-type {
    margin-bottom: 0;
}
#reservation-info .mgb90 {
    margin-bottom: 90px;
}
#reservation-info .btn01 a {
    position: relative;
    width: 40%;
    background: url(../img/common/arr04.png) 93% 50% no-repeat,
                #2b2b2b;
    color: #fff;
}
#reservation-info .btn01 a:hover {
    background: url(../img/common/arr01.png) 93% 50% no-repeat,
                #fff;
    color: #2b2b2b;
}
#reservation-info .wrapper {
    position: relative;
    margin-bottom: 140px;
}
#reservation-info .img {
    width: 60%;
    max-width: 600px;
}
#reservation-info .txt_base {
    position: absolute;
    right: 0;
    bottom: -15%;
    width: 54%;
    padding: 2em;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #reservation-info .mgb90 {
        margin-bottom: 60px;
    }
    #reservation-info .btn01 a {
        width: 90%;
    }
    #reservation-info .wrapper {
        margin-bottom: 0;
    }
    #reservation-info .img {
        width: 90%;
        max-width: 100%;
    }
    #reservation-info .txt_base {
        position: relative;
        width: 95%;
        top: -30px;
        margin: 0 0 0 auto;
    }
}