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

h2.single-page-title {
	padding:2px 0 5px;
	border-bottom:1px#2e3192 solid;
	line-height:1.5;
	font-size:24px;
	margin:0 0 30px;
}

@media only screen and (max-width:820px){
h2.single-page-title {
	font-size:20px;
}
}


/* 投稿ページ */
#single-main {
	max-width:1100px;
	min-height: 500px;
	margin:-100px auto 50px;
	line-height:2;
}

@media only screen and (max-width:1200px){
#single-main {
	width:80%;}	
}

@media only screen and (max-width:1159px){
#single-main {
	margin: -110px auto 50px;
	width:80%;
}	
}

@media only screen and (max-width:820px){
#single-main {
	margin:-30px auto 50px;
	width:80%;
}	
}

@media only screen and (max-width:767px){
#single-main {
	margin:-80px auto 50px;
	width:86%;
}	
}



.pre-next-post {
display: -webkit-flex;
display: flex;
position: relative;
justify-content:space-between;
clear:both;
max-width:1100px;
margin:50px auto 10px;
border:#eee 3px solid;
font-size:14px;
}

.pre-next-post div:nth-of-type(1) {
width:50%;	
}
.pre-next-post div:nth-of-type(2) {
width:50%;
text-align:right;
}

.pre-next-post div a {
padding:10px 0 10px;
display:block;
height:auto;
}

.pre-next-post div a span {
display:block;
color:rgba(46,49,146,0.6);
margin-top:5px;
}


.pre-next-post div:nth-of-type(1) a {
	border-right:#eee 3px solid;
	padding:1em 1em 1em 2em;
	position: relative
	text-decoration: none;
}

.pre-next-post div:nth-of-type(1) a::before,
.pre-next-post div:nth-of-type(1) a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.pre-next-post div:nth-of-type(1) a::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.pre-next-post div:nth-of-type(1) a::after{
	left:12px;
	width:8px;
	height:8px;
	border-top:2px solid rgba(46,49,146,0.5);
	border-right:2px solid rgba(46,49,146,0.5);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


.pre-next-post div:nth-of-type(2) a {
	padding:1em 2em 1em 1em;
	position: relative;text-decoration: none;
}
.pre-next-post div:nth-of-type(2) a::before,
.pre-next-post div:nth-of-type(2) a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.pre-next-post div:nth-of-type(2) a::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.pre-next-post div:nth-of-type(2) a::after{
	right:12px;
	width:8px;
	height:8px;
	border-top:2px solid rgba(46,49,146,0.5);
	border-right:2px solid rgba(46,49,146,0.5);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



@media only screen and (max-width:1200px){
.pre-next-post {max-width: 85%;}
}