/*
.blogPageWrap .c_pagePrimaryTitle {
	background: url("../img/header_blog2.jpg") no-repeat center top;
	background-size: cover;
}
*/
.articleListBlock{
	width: 950px;
	margin: 0 auto;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.articleListBlock .articleBlock{
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.articleBlock .Link{
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	display: block;
	position: absolute;
}
.articleListBlock .articleBlock .inner{
	height: auto;
	border-bottom: 1px solid #cccccc;
}
.articleListBlock .articleBlock .inner .header{
	font-size: 2.0rem;
	font-weight: bold;
	padding: 10px;
	background-color: #222D53;
	color: #ffffff;
	position: relative;
}
.articleListBlock .articleBlock .inner .content{
	font-size: 1.4rem;
	padding: 10px;
	position: relative;
}
.articleListBlock .articleBlock .inner .detail{
	margin: 0;
	padding: 20px;
	overflow: hidden;
	display: flex;
}
.articleListBlock .articleBlock .inner .detail .left{
	min-width: 455px;
}
.articleListBlock .articleBlock .inner .detail .image{
	max-width: 400px;
	max-height: 400px;
	text-align: center;
	position: relative;
	border: 1px solid #c0c0c0;
}
.articleListBlock .articleBlock .inner .detail .right{
	width: 400px;
	flex: 1;
	position: relative;
/*	border: 1px double black; */
}
.articleListBlock .articleBlock .inner .detail .right .info {
	width: 100%;
	margin: 0 0 15px 0;
/*	border: 1px double black; */
}
.articleListBlock .articleBlock .inner .detail .right dl {
	margin: 0 10px 0 10px;
	padding: 0px;
	display: block;
	border-bottom: 1px double #f0f0f0;
}
.articleListBlock .articleBlock .inner .detail .right dt {
	width: 120px;
	font-weight: normal;
	padding: 5px;
	float: left;
}
.articleListBlock .articleBlock .inner .detail .right dd {
	width: 275px;
	padding: 5px 5px 5px 10px;
	float: left;
}
.articleListBlock .articleBlock .inner .detail dd.price {
	font-size: 115%;
}
.articleListBlock .articleBlock .inner .detail dd.price strong {
	font-size: 145%;
	color: #ff0000;
}

.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
@media screen and (max-width: 800px) {
    .articleListBlock{
        width: 100%;
    }
    .articleListBlock .articleBlock{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .articleListBlock .articleBlock .inner .detail{
        padding: 10px 20px 20px 10px;
        flex-direction: column;
    }
    .articleListBlock .articleBlock .inner .detail dd.price strong {
        font-size: 125%;
    }
    .articleListBlock .articleBlock .inner .detail .left{
        width: 100%;
    }
    .articleListBlock .articleBlock .inner .detail .right{
        width: 100%;
    }
    .articleListBlock .articleBlock .inner .detail .right .info{
        margin: 0;
    }
    .articleListBlock .articleBlock .inner .detail .right dl {
        margin: 3px 5px 0 5px;
    }
    .articleListBlock .articleBlock .inner .detail .right dt {
        width: 100%;
        padding: 0px;
    }
    .articleListBlock .articleBlock .inner .detail .right dd {
        width: 100%;
        padding: 0 0 0 10px;
    }
}
