@charset "UTF-8";
/*
Theme Name: clean77
Description: 有限会社千田清掃
Version: 1
*/

ul.info {list-style-type: none; margin: 0; padding: 0;}
ul.info li {margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px dotted #eeeeee; display: flex;}
@media screen and (max-width:870px) {ul.info li { display: block;}}
.info-date {width: 120px; margin: 0; padding: 0;}
@media screen and (max-width:870px) {.info-date {width: 100%;}}
.info-title {width: calc(100% - 170px); margin: 0; padding: 0;}
@media screen and (max-width:870px) {.info-title {width: 100%;}}


.page_navi {margin: 0; padding: 0;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	margin-top: 20px;
}

.page_navi li {padding: 0;
	margin: 0 2px;
}

.page_navi a {
	display: inline-block;
	background: #777777;
	color: #fff;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 1rem;
}

.page_navi a.active {
	background: #fff;
	color: #999999;
}

@media screen and (max-width:768px) {
	
.page_navi a {

	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 1.5rem;
}
}

.page_date {text-align: right; margin: 0 0 10px;}
.page_contents {text-align: left; margin: 0 0 50px;}
.page_contents p{padding: 0; margin: 0 0 30px;}
header {position: fixed; z-index: 2; width: 100%;}
nav {margin: 0 auto; display: flex; justify-content: center; background-color: #ffffff;}
@media screen and (max-width:768px) {nav {display: block;}}

.adj {margin: 60px 0 0;}
@media screen and (max-width:768px) {.adj {margin: 10px 0 0;}}

.page_contents pre {white-space: pre-wrap;}