@charset "UTF-8";
/* CSS Document */

#page_main{ background-image: url("../images/midashi.jpg");}

.news_list li a{ color: black;}
.detail_head>time,.detail_head>i{ font-weight: bold;}
.detail_head>time{ margin-right: 1em;}
.detail_head>i{ font-style: normal; background-color: black; color: white; padding: 0 1em; display: inline-block;}
@media (min-width: 768px){
.news_list{}

.detail_head{ margin-bottom: -30px;}
.detail_head>time,.detail_head>i{; line-height: 20px;}
.detail_head>time{ font-size: 12px;}
.detail_head>i{ font-size:11px; border-radius: 4px;}

.detail_text{ padding-bottom: 100px;}
.detail_text::after{ content: ""; display: table; clear: both;}
.detail_text>img{ float: right; max-width: 40%; height: auto; margin: 0 0 1% 1%;}
}
@media (max-width: 767.98px){
.news_list{}

.detail_head{ margin-bottom: -30px;}
.detail_head>time,.detail_head>i{ line-height: 15px;}
.detail_head>time{ font-size: 10px;}
.detail_head>i{ font-size: 9px; border-radius: 2px;}
.detail_text{ padding-bottom: 50px;}
.detail_text>img{ display: block; max-width: 100%; height: auto; margin: 0 auto 2%;}
}












.pagination{ display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center;}
.pagination>a{ border: 1px solid #0088d2; color: #414141; background-color: white; border-radius: 5px; text-align: center; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.pagination>a.active,
.pagination>a:hover{ color: white; background-color: #0088d2; text-decoration: none;}

@media (min-width: 768px){
.pagination{ padding-top: 60px; padding-bottom: 60px; margin: -5px; font-size: 16px;}
.pagination>a{ line-height: 50px; width: 50px; margin: 5px;}
.pagination>span{ margin: 5px;}
}
@media (max-width: 767.98px){
.pagination{ margin: 40px -5px 20px; font-size: 10px;}
.pagination>a{ line-height: 30px; width: 30px; margin: 5px;}
.pagination>span{ margin: 5px;}
}














@media (min-width: 768px){}
@media (max-width: 767.98px){}