@charset "utf-8";



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



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

.blog-con-back{
    background-image: url("../../../../img/blog/back.jpg");
    background-repeat:no-repeat;
    background-position:top 200px left 0;
    
}

@media screen and (min-width: 992px),
print {
    .blog-con-back{
    background-position:top 280px left 0;
    
}
}

.blog-con-area{
    padding:0 10px;
}

@media screen and (min-width:768px),
print {
    .blog-con-area{
        max-width:1200px;
        margin:auto;
        display: flex;
        justify-content: space-between;
}
}

@media screen and (min-width: 768px) and (max-width:991px)
{
    .blog-con-area{
    padding:0 30px;
}
}

@media screen and (min-width:992px),
print {
    .blog-con-area{
    padding:0;
}
}

.blog-con-left{
    margin-bottom:30px;
}

@media screen and (min-width:768px),
print {
   .blog-con-left{
    margin-bottom:0;
       width:70%;
} 
}

.main-photo{
    margin-bottom:20px;
}

.blog-h2title{
    font-size:19px;
    margin-bottom:10px;
    
}

@media screen and (min-width:768px),
print {
    .blog-h2title{
    font-size:22px;
    
}
}

.blog-hizuke{
    text-align: right;
    font-size:13px;
    color:#666;
    margin-bottom:20px;
}

.blog-naiyo{
    text-align: justify;
    line-height: 2.2;
    margin-bottom:30px;
}

@media screen and (min-width:768px),
print {
    .blog-naiyo{
    margin-bottom:40px;
}
}

@media screen and (min-width:768px),
print {
.blog-con-right{
    width:26%;
}
    }

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

アーカイブ

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

.puru{	
	position:relative;
    margin-top:30px;
}
.puru:after{	
	content:'\f150';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
 	text-rendering: auto;
	line-height: 1;
	color:var(--sub-color);
	width:0;
	z-index:0;
	position:absolute;
	top:50%;
	right:25px;
	transform:translateY(-50%);
    pointer-events:none
}

select{
    appearance: none;
}

.puru select{
    width:100%;
    padding:10px 40px 10px 10px;
    border-radius: 10px;
    font-size:20px;
    
}


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

ページャー

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


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

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

    margin-bottom:60px;
}
}

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

}

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

info-con-area

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

.info-con-back{
    background-image: url("../../../../img/blog/back2.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    
}

@media screen and (min-width: 992px),
print {
    .info-con-back{
    background-position:top left;
    
}
}


.info-con-area{
    padding:0 10px;
}

@media screen and (min-width:768px),
print {
    .info-con-area{
        max-width:800px;
        margin:auto;
}
}

@media screen and (min-width: 768px) and (max-width:991px)
{
    .info-con-area{
    padding:0 30px;
}
}

@media screen and (min-width:992px),
print {
    .info-con-area{
    padding:0;
}
}



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

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

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

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