@charset "utf-8";

/*
+++++++++++++++++++++++++++++++

.blog-con01

+++++++++++++++++++++++++++++++
*/

.blog-con01{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .blog-con01{
    padding:0 30px;
    margin:0 auto 120px;
        max-width:1000px;
}
}

.blog-con1-kate{
display: flex;
    justify-content: center;
    flex-direction: column;
    background:#000;
    padding:4px;
    font-size:9px;
    line-height:1.5;
    text-align: center;
    color:#fff;
    width:40%;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
   .blog-con1-kate{
    line-height:2;
width:150px;
       font-size:12px;
}
}

.blog-con1-kate a{
    color:#fff;
}

.blog-con1-kate a:visited{
    color:#fff;
}

.blog-con1-kate-link{
    margin-right: 5px;
}

.blog-con1-photo01{
    margin-bottom: 30px;
}

@media screen and (min-width: 992px),
print {
    .blog-con1-photo01{
    margin-bottom:50px;
}
}

.blog-t01{
    font-size:11px;
    margin-bottom:20px;
}

@media screen and (min-width: 992px),
print {
    .blog-t01{
    font-size:12px;
    margin-bottom:40px;
}
}

.blog-t02{
   line-height:3.5;
    margin-bottom: 30px;
}

@media screen and (min-width: 992px),
print {
    .blog-t02{
        margin-bottom: 70px;
}
}

.blog-t02 a{
    
    color:#000;
}

.blog-t02 a:visited{
    color:#000;
}

.blog-t03{
    line-height: 2;
}

@media screen and (min-width: 992px),
print {
    .blog-t03{
    line-height: 2.8;
}
}


.blog-t04{
    font-size:23px;
    margin-bottom:15px;
}

@media screen and (min-width: 992px),
print {
    .blog-t04{
    font-size:27px;
    margin-bottom:20px;
}
}

/*
+++++++++++++++++++++++++++++++

.blog-con02

+++++++++++++++++++++++++++++++
*/

.blog-con02 li{
    border-bottom:1px #000 solid;
    padding-bottom: 30px;
    margin-bottom: 30px;

}

@media screen and (min-width: 992px),
print {
    .blog-con02 li{
padding-bottom: 100px;
    margin-bottom: 100px;
}
}

/*
+++++++++++++++++++

ページャー

+++++++++++++++++++
*/

.pager{
	color:#ccc;
	text-align:center;
    margin-top:40px;
    margin-bottom:30px;
    
}

@media screen and (min-width: 992px),
print {
    .pager{
margin-top:70px;
    margin-bottom:60px;
}
}

a.page-numbers,
.pager .current{
	background:#000;
	color:#fff;
	border-radius:5px;
	padding:15px 22px;
	margin:0 2px;
}
.pager .current{
	background:#666;
	color:#fff;

}

/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

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

+++++++++++++++++++++++++++++++++++++++
*/