@charset "UTF-8";


main {
	padding-top: 250px;
	& article.post {
		width: 80%;
		max-width: 800px;
		margin: 0 auto;
		text-align: left;
		& > h3 {
			text-align: left;
			margin-bottom: 50px;

	  
		}
	  
		& div.post-thumbnail {
	  
		}
	  
		& div.entry-header {
			margin-bottom: 20px;
			text-align: left;
		  & h3.entry-title {
			text-align: left;
			

			& span.entry-meta {
				display: inline-block;
				font-weight: normal;
				margin-left: 2em;
				margin-bottom: 0;
	  
			}

		  }
		}

	  
		& div.comment {
			text-align: left;
			margin-bottom:  100px;
	  
		}
	  
		& ul.pager {
			display: flex;
			justify-content: center;
			align-items:  flex-start;
			margin: 0 auto;
			width: 90%;
			max-width: 500px;
		  & li.pagelink {
			display: flex;
			justify-content: center;
			align-items:  flex-start;
			margin: 0 auto;
			width: 90%;
			max-width: 550px;
			& a {
				display: flex;
				justify-content: center;
				align-items: center;
			  & span.jpcomment {
				color: var(--color-sub1);
				padding: .5em 1em;

			  }
	  
			  & span.icon {
				background:  var(--color-sub1);
				color: var(--color-base);
				display: grid;
				place-items: center;
				/* padding:  1em; */
				width: 40px;
				height: 40px;
				text-align: center;

				border-radius: 50%;

			  }
	  
			  & span.eng {
				display: none;
	  
			  }
			}
			 a ,
			 a:link ,
			 a:visited {
				transition: .3s;
				text-decoration: none;
			}
			 a:hover ,
			 a:active ,
			 a:focus {
			}
		  }



		  & li.pagenolink {

			width: 90%;
			max-width: 550px;

				display: flex;
				justify-content: center;
				align-items: center;
			  & span.jpcomment {
				color: var(--color-sub3);
				padding: .5em 1em;

			  }
	  
			  & span.icon {
				background:  var(--color-sub3);
				color: var(--color-base);
				display: grid;
				place-items: center;
				/* padding:  1em; */
				width: 40px;
				height: 40px;
				text-align: center;

				border-radius: 50%;

			  }
	  
			  & span.eng {
				display: none;
	  
			  }
			

		  }
		}
	  }
}