/* CSS Document */

.blog .blog-list article{ padding-bottom: 30px; }
.blog .blog-list article figure{ object-fit: cover; font-family: 'object-fit: cover;' }
.blog .inner{ border:1px solid #EDEDED; background: #fff; transition: all 0.3s;}
.blog .inner:hover{ box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);}
.blog .inner .txt { padding: 18px 20px 24px;  }
.blog .inner h3 { font-size: 16px; padding-bottom: 16px; line-height: 1.6em;}
.blog .inner .cat { display: inline-block; }
.blog .inner .cat li{ display: inline-block; padding: 2px 10px; margin: 0 5px 5px 0; color: #fff; background: #C1976D; font-size: 13px; }
.blog .inner .date{ color: #C1976D; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 15px; display: inline-block; }


.side-contents{ padding-bottom: 50px; }
.side-contents .title{ background:#C1976D; padding: 10px 15px; color:#fff; margin-bottom: 10px; }
.side-contents ul{  }
.side-contents li{ letter-spacing: 0; padding: 10px 0; border-bottom:1px solid #EDEDED;}


.search{ position: relative; }
.searth-title{ font-size: 16px; padding-bottom: 30px;}
.search #searchInput {
    background: #EEEEEE;
    padding: 8px 62px 8px 14px;
    box-shadow: none;
    border: none;
    font-size: 14px;
    display: block;
    margin: 0;
    letter-spacing: 0;
    color: #333;
    width: 100%;
}
.search .submit {
    font-size: 12px;
    color: #fff;
    border: none;
    background: #333;
    letter-spacing: 0;
    padding: 8px 14px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.blog .pagenav{
	max-width: 770px;
	text-align: center;
	margin: 0 auto;
}
.blog .pagenav .current{
	font-size: 14px;
	padding: 12px 15px;
	background: #E5E5E5;
}
.blog .pagenav a{
	font-size: 14px;
	color: #666666;
	border: 1px solid #cccccc;
	padding: 12px 15px;
	display: inline-block;
} 
.blog .pagenav .first,
.blog .pagenav .last,
.blog .pagenav .extend{ display: none; }

.blog .pagenav a:hover{
	text-decoration: none;
}
.blog .pagenav .page{ display: none;}
.blog .pagenav .current{ display: none;}
.blog .pagenav .pages{ padding: 8px 15px; box-sizing: border-box; display: inline-block; }
.blog .pagenav .prev{
	float: left;
	padding: 8px 16px;
	color: #fff;
	background: #C1976D;
	width: 40px;
	height: 40px;
	display: inline-block;
	border:none;
	font-size: 16px;
}
.blog .pagenav .next{
	float: right;
	padding: 8px 16px;
	color: #fff;
	background: #C1976D;
	position: relative;
	width: 40px;
	height: 40px;
	display: inline-block;
	border:none;
	font-size: 16px;
}
.blog .pagenav .page-numbers{
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
}


/* ブログ詳細 */
.blog-detail{box-sizing: border-box; padding: 0 50px 30px 0; }
.blog-detail article{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.blog-detail figure{
	margin-bottom: 30px;
}
.blog-detail figure img{
	width: 100%;
	height: auto;
}
.blog-detail article .date{
	font-size: 15px;
	color: #C1976D;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	display: inline-block;
}

.blog-detail article .cat{ display: inline-block; margin-right:5px; }
.blog-detail article .cat li{ display:inline-block; background-color: #C1976D; color: #fff; padding:6px 12px; line-height: 1em; font-size: 12px; margin-right: 5px;}

.blog-detail article h1{
	font-size: 30px;
	letter-spacing: 2px;
	margin: 0;
	padding: 15px 0 60px;
	color: #C1976D;
	background: none;
	text-align: left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.6em;
}
.blog-detail article .postArea img{
	max-width: 100%;
	height: auto;
}
.blog-detail article .postArea p{
	font-size: 14px;
	color: #666666;
	line-height: 2em;
	margin-bottom: 15px;
}
.blog-detail article .postArea a{
	color: #337ab7;
}
.blog-detail article .postArea h2{
	font-size: 24px;
	font-weight: bold;
	color: #C1976D;
	border-bottom: 1px solid #C1976D;
	border-left: 7px solid #C1976D;
	padding: 10px 20px 15px;
	margin: 15px 0;
	text-align: left;
	font-weight: bold;
}
.blog-detail article .postArea h3{
	font-size: 18px;
	font-weight: bold;
	background: #F7F7F7;
	padding: 15px 20px;
	margin: 15px 0;
	text-align: left;
	font-weight: bold;
}
.blog-detail article .postArea h4{
	font-size: 16px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 10px;
	margin: 15px 0;
	text-align: left;
	font-weight: bold;
}
.blog-detail article .postArea h5{
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
	border-bottom: 1px dashed #404040;
	text-align: left;
	margin: 15px 0;
	padding-bottom: 5px;
	font-weight: bold;
}
.blog-detail article .postArea blockquote{
	font-size: 14px;
	background-color: #F7F7F7;
padding: 30px 30px 20px 30px;
border-radius: 10px;
margin: 15px 0;
position: relative;
}
.blog-detail article .postArea blockquote:before{
	content: "“";
font-size: 300%;
line-height: 1em;
font-family: "ＭＳ Ｐゴシック",sans-serif;
color: #999;
position: absolute;
left: 10px;
top: 10px;
}
.blog-detail article .postArea ul{
	list-style-type: disc;
	padding-left: 25px;
	overflow: visible;
}
.blog-detail article .postArea li{ padding:5px 0; }
.blog-detail article .postArea ol{
	list-style-type: decimal;
	padding-left: 25px;
}
.blog-detail article ul.snsShare{
	width: 100%;
	overflow: hidden;
	margin: 60px 0 0;
}
.blog-detail article ul.snsShare li a{
	display: block;
	float: left;
	width: 32%;
	text-align: center;
	padding: 15px 0;
	margin-right: 2%;
	text-decoration: none;
}
.blog-detail article ul.snsShare li a span{
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	position: relative;
}
.blog-detail article ul.snsShare li.line a{
	background: #28b94a;
}
.blog-detail article ul.snsShare li.line a span:before{
	content: "";
	background: url(../img/blog/ic_line.png) no-repeat left top;
	background-size: 14px;
	width: 14px;
	height: 13px;
	position: absolute;
	top: 0;
	left: -25px;
}

.blog-detail .pagenav{
	overflow: hidden;
	margin: 30px 0 0;
}
.blog-detail .pagenav > div {
	float: left;
}
.blog-detail .pagenav a {
	display: block;
	text-align: center;
	color: #404040;
	text-decoration: none;
}
.blog-detail .pagenav .prev{
	width: 15%;
}
.blog-detail .pagenav .prev a {
	width: 40px;
	font-size: 14px;
	color: #333333;
	border: 1px solid #f2f2f2;
	padding: 10px 0;
}
.blog-detail .pagenav .prev a:before{
	content: url(../images/common/ic_arrow_left_bk.svg); 
}
.blog-detail .pagenav .back{
	width: 70%;
}
.blog-detail .pagenav .back a:before{ content: url(../images/common/ic_arrow_right.svg); padding-right: 10px; vertical-align: 1px; }
.blog-detail .pagenav .back a {
	font-size: 14px;
	color: #333333;
	text-align: center;
	max-width: 230px;
	margin: 0 auto;
	border: 1px solid #f2f2f2;
	padding: 10px 0;
}
.blog-detail .pagenav .next{
	width: 15%;
}
.blog-detail .pagenav .next a {
	float: right;
	width: 40px;
	font-size: 14px;
	color: #333333;
	border: 1px solid #f2f2f2;
	padding: 10px 0;
}
.blog-detail .pagenav .next a:before{
	content: url(../images/common/ic_arrow_right_bk.svg); 
}
.blog-detail .pagenav .prev a:hover,
.blog-detail .pagenav .back a:hover,
.blog-detail .pagenav .next a:hover{
	background-color: #fafafa;
}


@media screen and (max-width: 767px){

.blog main{ padding-bottom: 0; overflow:hidden; }
.blog .blog-list article{ padding-bottom: 15px; }
.blog .inner{ border:1px solid #EDEDED; background: #fff; }
.blog .inner h3 { font-size: 14px; }
.blog .inner .cat { padding: 2px 10px; margin-right: 8px; font-size: 12px; }
.blog .inner .date{ font-size: 13px;}

.blog-side{ padding-top: 40px; }
.side-contents{ padding-bottom: 30px; }


.blog .pagenav .current,
.blog .pagenav .page{ display: none; }
	
/* ブログ詳細 */

.blog-detail{ padding: 0 15px; }
.blog-detail figure{
	margin-bottom: 20px;
}
.blog-detail h1{ }
.blog-detail article h1{
	font-size: 22px;
	padding:20px 0;
}
.blog-detail article .postArea p{
	line-height: 1.8em;
}
.blog-detail article .postArea h2{
	font-size: 16px;
}
.blog-detail article .postArea h3{
	font-size: 15px;
}
.blog-detail article .postArea h4{
	font-size: 15px;
}
.blog-detail .pagenav .back a {
	max-width: 250px;
}

}@media screen and (min-width: 768px){


}