@charset "utf-8";

#mainvisual{
	clear: both;
	background: url(../../image/blog/bg-main.jpg) no-repeat center center / cover;
	background-attachment: fixed;
	padding: 70px 0 30px;
	box-sizing: border-box;
	text-align: center;
}
#mainvisual h2{
	font-size: 54px;
	margin-bottom: 60px;
	color: #000;
	line-height: 1.3;
}
h3#title_category{
	width: 740px;
	margin: 70px auto 0;
	padding: 25px 0 35px;
	background: #1491e1;
	font-size: 36px;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 8888;
	background: url(../../image/type/h3-line.png) no-repeat center 85% #1491e1;
}
#blog{
	width: 740px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
/*	font-size: 0px;*/
	font-size: 26px;
	line-height: 1.5;
}
#blog:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/*\*/
* html #blog { 
	height: 1px;
	overflow: visible;
}
/**/
.blog-list{
	font-size: 0!important;
}
.box{
	width: 350px;
	display: inline-block;
	border: 1px solid #0091d0;
	margin-right: 40px;
	margin-bottom: 40px;
	padding: 24px;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
	font-size: 0;
}
.box:nth-child(2n){
	margin-right: 0px;
}
.box a{
	color: #000;
}
.box figure {
	margin-bottom: 20px;
}
.box figure {
	height: 300px;
	overflow: hidden;
}
.box figure img {
	width: 100%;
	height: auto;
}
.box dl dt{
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 60px;
}
.box dl dd{
	width: 300px;
	position: absolute;
	bottom: 24px;
	left: 24px;
	font-size: 16px;
	background: #e5e5e5;
	padding: 10px;
	box-sizing: border-box;
}

#pagenation-01 ol {
	width: 540px;
	margin: 0 auto 60px;
	padding-top: 30px;
}
#pagenation-01 ol li {
	margin-bottom: 20px;
	line-height: 1;
	display: none;
}
#pagenation-01 ol li.prev,
#pagenation-01 ol li.next{
	display: inherit;
}

#pagenation-01 ol li.prev a,
#pagenation-01 ol li.next a{
	display: block;
	background: #ddd;
	padding: 35px;
	color: #0091d0;
	font-size: 36px;
	text-align: center;
}
#pagenation-02 ol {
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	padding-bottom: 70px;
}
#pagenation-02 ol li {
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 36px;
	color: #555;
}
#pagenation-02 ol li a{
	width: 70px;
	display: block;
	border: 1px solid #0091d0;
	padding: 20px 10px;
	color: #0091d0;
	text-align: center;
}
#pagenation-02 ol li a.page-min-max{
	background: #eaf7ff;
}

#pagenation-02 ol li a:hover,
#pagenation-02 ol li.next-back a:hover,
#pagenation-02 ol li a.page-min-max a:hover{
	border: 1px solid #0091d0;
	background: #0091d0;
	color: #fff;
}
#pagenation-02 ol li.next-back a{
	background: #eaf7ff;
}
#pagenation-02 ol li.prev,
#pagenation-02 ol li.next{
	display: none;
}
#pagenation-02 ol li span.current
{
	width: 70px;
	display: block;
	border: 1px solid #eee;
	padding: 20px 10px;
	color: #000;
	text-align: center;
	background: #eee;
}
.back-list a {
	width: 540px;
	margin: 0 auto 60px;
    display: block;
    background: #ddd;
    padding: 35px;
    color: #0091d0;
    font-size: 36px;
    text-align: center;
}
.box-detail{
	width: 100%;
	border: 1px solid #0091d0;
	margin-right: 40px;
	margin-bottom: 50px;
	padding: 28px;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
}
.box-detail h3{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 20px;
}
.box-detail p.date{
	font-size: 16px;
	background: #e5e5e5;
	margin-bottom: 30px;
	padding: 10px;
	box-sizing: border-box;
}
.box-detail p{
	font-size: 32px;
	margin-bottom: 30px;

}
.box-detail div{
	margin-bottom: 30px;

}
.pagenation-detail{
	width: 650px;
	margin: 0 auto 40px;
	border-radius: 10px;
	border: 1px solid #3aa48f;
	color: #3aa48f;
	font-size: 28px;
}
a:hover .pagenation-detail{
	width: 650px;
	margin: 0 auto 40px;
	border-radius: 10px;
	border: 1px solid #3aa48f;
	color: #3aa48f;
	font-size: 28px;
	background: #3aa48f;
}
.pagenation-detail dt{
	border-bottom: 1px dashed #3aa48f;
	padding: 15px 15px 15px 40px;
	background: url(../../image/blog/pagenation-detail-dt.png) no-repeat 20px center;
}
.pagenation-detail dd{
	padding: 15px;
}
a:hover .pagenation-detail dt,
a:hover .pagenation-detail dd{
	color: #fff;
}
a:hover .pagenation-detail dt{
	border-bottom: 1px dashed #fff;
	padding: 15px 15px 15px 40px;
	background: url(../../image/blog/pagenation-detail-dt-w.png) no-repeat 20px center;
}

@media only screen and (min-width: 0px) and (max-width: 850px) {
#mainvisual{
	background: url(../../image/blog/bg-main-sp.jpg) no-repeat center center / cover;
}
}