@charset "utf-8";
#container {
	max-width: 1000px;	
}

#main {
	width: 61%;
	margin-right: auto;
	margin-left: auto;
}
#diary {
	width: 90%;
	padding-left: 25px;
	padding-right: 25px;
	clear: both;
	overflow: hidden;
}

#sub_title {
	font-size: 30px;
	height: 25px;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5D8AB3;
	padding-top: 70px;
	font-family: Helvetica, sans-serif;
}
.text {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 10px;
	margin-bottom: 30px;
}
.text_t {
	color: #5D8AB3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}

.text_t span {
	margin-left: 10px;
}


#site_root {
	padding-right: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #E4E4E4;
	padding-top: 20px;
	height: 30px;
	clear: both;	
	text-align:  right;
}
#sub {
	width: 100%;
	font-family: "メイリオ";
	margin-bottom: 30px;
}

.nenpyou a:link {
	color: #5D8AB3;
	text-decoration: none;
}
.nenpyou a:visited {
	color: #5D8AB3;
	text-decoration: none;
}
.nenpyou a:hover {
	color: #ACC4D9;
	text-decoration: none;
}

#diary ul {
	float: left;
	padding-left: 0px;
	width: 100%;
}
#diary  li {
	list-style-type: none;
}
h5 {
	font-size: 13px;
	color: #06C;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#diary .nenpyou {
	clear: both;
	overflow: hidden;
	float: right;
}
#diary .nenpyou li {
	float: left;
	height: auto;
	padding: 0px;
	margin-left: 5px;
}
#diary .nenpyou li::before {
	content: ">";
	padding-right: 7px;
}
#main_sample {
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
}

/* pagenation */

.next.disable,
.prev.disable {
    pointer-events: none;
    background: #ddd;
}
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination p {
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 0 5px;
    background: #606060;
    color: #fff
}
.next:hover, .prev:hover, .page-counter li:hover {
    cursor: pointer;
}
.page-counter {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0 10px;
}

.page-counter li {
    border: 1px solid #606060;
    padding: 5px 10px;
}

.page-counter li.current {
    background: #606060;
    color: #fff;
}

.page-counter li + li {
    margin-left: 5px;
}



@media(max-width:599px){
	#main {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#sub_title {
		width: 90%;
		padding-left: 5%;
		margin-left: 5%;
		margin-right:5%;
	}
	
	#diary {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	img,iframe{
		width: 100%;
		height: auto;
	}
	}