@charset "UTF-8";

/* page_feed */
.page_feed { width: 100%; margin: 50px 0; font-size: 14px;}
.page_feed .left { width: 40%; float: left; position: relative;}
.page_feed .right { width: 40%; float: right; position: relative;}
/* btn_prev_page */
.btn_feed_page a { width: 100%; padding: 10px; background: #ebebeb; color: #000; transition: all 0.5s; margin: 0 auto; text-align: center; display: block; text-decoration: none;}
.page_prev::before { content: "\f104"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top:23%; left:15px; }
.page_next::before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top:23%; right:15px; }
.btn_feed_page a:hover { background: #CBCBCB; }

@media screen and (max-width:767px) {
.page_feed .left { width: 80%; float: none; position: relative; margin: 10px auto;}
.page_feed .right { width: 80%; float: none; position: relative; margin: 10px auto 0;}
}


/* page_feed2 縦位置版 */
.page_feed2 { width: 100%; margin: 50px 0; font-size: 14px;}
.page_feed2 .center { width: 45%; position: relative;margin: 10px auto;}
.page_feed2 .left { width: 45%; float: left; position: relative;}
.page_feed2 .right { width: 45%; float: right; position: relative;}
/* btn_prev_page */
.btn_feed_page2 a { width: 100%; padding: 10px; background: #ebebeb; color: #000; transition: all 0.5s; margin: 0 auto; text-align: center; display: block; text-decoration: none;}
.page_feed2 p {text-align: left; margin-bottom: 30px;}
.page_prev2::before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top:10px; right:15px; }
.page_next2::before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top:10px; right:15px; }
.btn_feed_page2 a:hover { background: #CBCBCB; }

@media screen and (max-width:767px) {
.page_feed2 .center { width: 80%; position: relative; margin: 10px auto;}
.page_feed2 .left { width: 80%; float: none; position: relative; margin: 10px auto;}
.page_feed2 .right { width: 80%; float: none; position: relative; margin: 10px auto 0;}
.page_feed2 p {text-align: left;margin-bottom: 30px;}
}