@charset "utf-8";
/* CSS Document */


.container{
padding: 50px  calc(4vw + 10px) 0;
}

.page-title{
margin-bottom:1.5rem;
}

.wp-block-separator{
margin:30px 0;
}

.entry-inner h2.wp-block-heading{
margin-bottom:1.5rem;
}

.post-format .image-container{
height:auto;
margin-bottom:30px;
}
.image-container{
height:auto !important;
}

.post-format .image-container img{
width:100%;
height:auto;
}

figure.wp-block-image{
margin-top:15px;
}

.wp-block-heading{
margin:1.5rem 0 1rem;
}

ul.wp-block-list{
padding: 0 1.2rem 1.5rem;
}

ul.post-nav{
list-style:none;
display:flex;
align-items: flex-start;
justify-content : space-between;
margin-top:50px;
list-style:none;
flex-wrap: wrap;
padding:0;
margin-bottom:50px;
}

ul.related-posts{
list-style:none;
display:flex;
align-items: flex-start;
justify-content : flex-start;
margin-top:50px;
list-style:none;
flex-wrap: wrap;
padding:0;
margin-bottom:30px;
}

ul.post-nav li{
width:25vw;
}

ul.post-nav li a{
display:flex;
align-items: flex-start;
justify-content : space-between;
flex-wrap: nowrap;
}

.post-nav_thumb img{
width:100%;
height:auto;
margin-bottom:10px;
}

ul.post-nav .post-nav_thumb {
width:30%;
}

ul.post-nav .title{
width:calc(70% - 10px) ;
}

ul.related-posts li.related{
width:calc( 25% - 10px) ;
margin-right:10px;
}

li.related .post-thumbnail img{
width:100%;
height:auto;
margin-bottom:0.5rem;
}

@media screen and (max-width: 738px) {
	/* 750px以下に適用されるCSS（SP用） */
.container{
padding: 50px  calc(4vw + 10px) 0 !important;
}

.image-container{max-height:100% !important;}

ul.post-nav li{
padding:15px 0;
}

ul.post-nav .post-nav_thumb {
width:15%;
}

ul.post-nav .title{
width:calc(85% - 15px) ;
}

ul.related-posts li.related{
width:calc( 50% - 15px) ;
margin-right:15px;
}
}

@media only screen and (max-width: 1024px) {
.image-container{max-height:100% !important;}
}