﻿/* ----------------------------------------------------------------------
INFORMATION
---------------------------------------------------------------------- */
/* ------------------------------
LIST
------------------------------ */
#sec-info ul {
	margin-bottom:100px;
}

#sec-info ul a {
	display:block;
}

#sec-info ul a:hover h4 {
	color:#014099;
}

#sec-info .title .date {
	display:inline-block;
	color:#666;
	font-size:1.5rem;
	width:23%;
	float:left;
}

#sec-info .title h3 {
	font-size:1.5rem;
	color:#000;
	width:77%;
	float:left;
	padding-top:3px;
}

#sec-info h4 {
	color:#000;
}

.list-nav {
	position:relative;
}

.list-nav .nav-next {
	height: 51px;
}
.list-nav .nav-prev {
	position:absolute;
	top:0;
	right:0;
	height: 51px;
}

.list-nav .nav-prev a {
	padding-right:27px;
	background:url(../image/arrow_r.svg) no-repeat right center;
	background-size:10px 23px;
}

.list-nav .nav-next a {
	padding-left:27px;
	background:url(../image/arrow_l.svg) no-repeat left center;
	background-size:10px 23px;
}

.list-nav .nav-back {
	position:absolute;
	top:0;
	left:50%;
	width:230px;
	margin-left:-115px;
}

.list-nav .nav-back a {
	display:block;
	text-align:center;
	border:1px solid #000;
	-webkit-transition:.5s;
	        transition:.5s;
	padding:16px 0;
}

.list-nav .nav-back a:hover {
	border:1px solid #014099;
}

.list-nav a {
	display:inline-block;
	padding:10px 0;
}
.no_post{
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#sec-info .title .date {
		width:30%;
		font-size:1.4rem;
	}
	#sec-info .title h3 {
		width:70%;
		font-size:1.4rem;
	}
	.list-nav .nav-back {
		position:relative;
		margin:20px auto;
		top:auto;
		left:auto;
	}
}

.page-detail .title {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom:50px;
	padding:15px;
}

.page-detail .content {
	margin-bottom:100px;
}
/* 画像配置 左 */
.page-detail .content img.alignleft {
	text-align: left;
}

/* 画像配置 中央 */
.page-detail .content img.aligncenter {
	display: block;
	margin: 10px auto;
}

/* 画像配置 右 */
.page-detail .content img.alignright {
	display: block;
	margin: 10px 0 10px auto;
}

/* 斜体 */
.page-detail .content em {
	font-style: italic;
}
.page-detail .content blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}
.page-detail .content li {
	list-style-type: disc;
}

@media only screen and (max-width: 600px) {
	.page-detail .title {
		padding:20px 10px;
	}
	.page-detail .title h3 {
		font-size:1.4rem;
		padding-left:10px;
	}
	.page-detail .title .date {
		font-size:1.4rem;
		letter-spacing:-.001em;
	}
}

@media only screen and (max-width: 460px) {
	.page-detail .title {
		padding:15px 5px;
	}
	.info-list .title .date {
		width:27%;
		font-size:1.3rem;
	}
	.info-list .title .title {
		width:73%;
		padding-left:10px;
		font-size:1.3rem;
	}
	.list-nav .nav-next a {
		padding-left:20px;
	}
	.list-nav .nav-prev a {
		padding-right:20px;
	}
}
