.show-wrap h2{
    border-bottom : 1px solid #ddd;
    padding-bottom : 50px;
}

.show-wrap .contents{
    margin : 80px 0;
    padding : 30px;
    max-width : 1000px;
    width : 95%;
}

.before{
    left : 50px;
    text-align : right;
}

.next{
    right :50px;
}

.before, .next{
    position : fixed;
    bottom : 50px;
    padding : 30px;
    border-radius : 2px;
    border : 1px solid #ddd;
    width : 200px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background-color : #fff;
}

.before:hover, .next:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.btn-page{
    position : absolute;
    top : 30px;
}

.btn-prev{
    left : 20px;
}

.btn-next{
    right : 20px;
}


@media screen and (max-width: 480px){
    .before, .next{
        bottom : 0;
        width : 50%;
        padding: 15px;
    }
    
    .before{
        left : 0;
    }
    
    .next{
        right : 0;
    }

    .show-wrap h2{
        padding-bottom : 30px;
    }

    .show-wrap .contents{
        margin : 50px 0;
        padding : 0;
		line-height: 2em;
    }
}