@charset "UTF-8";
:root{
	--body : #423604;
	--link : #423604;
	--primary : #5da126;
}
/*--------------------------------------------
ARCHIVE
---------------------------------------------*/
#archive > h2{
	font-weight : 700;
	letter-spacing : .1em;
}
#archive > h2:after{
	content : "";
	display : block;
	background-color : #ffd00e;
}
@media screen and (max-width: 768px){
	#archive{
		margin-top : calc( ( 118 - 7 - 6 ) * 100vw / 768 );
		padding-bottom : calc( 51 * 100vw / 768 );
	}
	#archive > h2{
		font-size : 4rem;
		line-height : 1.2;
		margin-bottom : calc( 34 * 100vw / 768 );
		width : calc( 672 * 100% / 768 );
		margin-left : auto;
		margin-right : auto;
		padding-left : calc( 2 * 100% / 768 );
		padding-right : calc( 2 * 100% / 768 );
	}
	#archive > h2:after{
		margin-top : calc( ( 33 - 6 ) * 100vw / 768 );
		width : 100%;
		height : calc( 8 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#archive > h2{
		text-align : center;
		font-size : 3.4rem;
		line-height : 1.0588;
		text-indent : .1em;
	}
	#archive > h2:after{
		margin-left : auto;
		margin-right : auto;
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#archive{
		margin-top : calc( ( 128 - 4.5 - 1 ) * 100vw / 1160 );
		padding-bottom : calc( 34 * 100vw / 1160 );
	}
	#archive > h2{
		margin-bottom : calc( 48 * 100vw / 1160 );
	}
	#archive > h2:after{
		margin-top : calc( ( 30 - 1 ) * 100vw / 1160 );
		height : calc( 4 * 100vw / 1160 );
		width : calc( 680 * 100% / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	#archive{
		margin-top : calc( 127px - 4.5px - 1px );
		padding-bottom : 88px;
	}
	#archive > h2{
		margin-bottom : 48px;
	}
	#archive > h2:after{
		margin-top : calc( 30px - 1px );
		height : 4px;
		width : 680px;
	}
}
/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
#sidebar .box{
	background-color : #fff;
}
#sidebar h5{
	background-color : #423604;
	color : #fff;
	font-weight : 700;
	letter-spacing : .1em;
}
#sidebar ul a{
	display : block;
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#sidebar{
		margin-top : calc( 96 * 100vw / 768 );
	}
	#sidebar .box + .box{
		margin-top : calc( 36 * 100vw / 768 );
	}
	#sidebar h5{
		text-indent : .1em;
		text-align : center;
		font-size : 3.2rem;
		line-height : 1.125;
		padding-top : calc( ( 24 - 2 ) * 100vw / 768 );
		padding-bottom : calc( ( 24 - 2 ) * 100vw / 768 );
	}
	#sidebar .box > ul{
		padding-top : calc( ( 30 - 3.9 ) * 100vw / 768 );
		padding-bottom : calc( ( 55 - 3.9 ) * 100vw / 768 );
	}
	#sidebar .box > ul li + li , #sidebar .box > ul ul{
		margin-top : calc( 30 * 100vw / 768 );
	}
	#sidebar .box > ul a{
		font-size : 2.6rem;
		line-height : 1.3;
		padding-left : calc( 20 * 100% / 672 );
		padding-right : calc( 20 * 100% / 672 );
	}
	#sidebar .box > ul li li a{
		padding-left : calc( 40 * 100% / 672 );
		padding-right : calc( 40 * 100% / 672 );
	}
}
@media print,screen and (min-width: 769px){
	#sidebar h5{
		font-size : 2rem;
		line-height : 1.8;
	}
	#sidebar ul a{
		font-size : 1.8rem;
		line-height : 1.3;
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#sidebar{
		margin-top : calc( 57 * 100vw / 768 );
	}
	#sidebar .box{
		width : 250px;
	}
	#sidebar .box + .box{
		margin-left : calc( 20 * 100% / 1060 );
	}
	#sidebar h5{
		padding-top : calc( ( 10 - 8 ) * 100vw / 1160 );
		padding-bottom : calc( ( 10 - 8 ) * 100vw / 1160 );
		padding-left : calc( 8 * 100% / 250 );
		padding-right : calc( 8 * 100% / 250 );
	}
	#sidebar .box > ul{
		padding-top : calc( ( 16 - 2.7 ) * 100vw / 1160 );
		padding-bottom : calc( ( 18 - 2.7 ) * 100vw / 1160 );
	}
	#sidebar .box > ul li + li , #sidebar .box > ul ul{
		margin-top : calc( 15 * 100vw / 1160 );
	}
	#sidebar .box > ul a{
		padding-left : calc( 10 * 100% / 250 );
		padding-right : calc( 10 * 100% / 250 );
	}
	#sidebar .box > ul li li a{
		padding-left : calc( 28 * 100% / 250 );
		padding-right : calc( 28 * 100% / 250 );
	}
}
@media print,screen and (min-width: 1486px){
	#sidebar .box + .box{
		margin-top : 21px;
	}
	#sidebar h5{
		padding-top : calc( 10px - 8px );
		padding-bottom : calc( 10px - 8px );
		padding-left : 8px;
		padding-right : 8px;
	}
	#sidebar .box > ul{
		padding-top : calc( 16px - 2.7px );
		padding-bottom : calc( 18px - 2.7px );
	}
	#sidebar .box > ul li + li , #sidebar .box > ul ul{
		margin-top : 15px;
	}
	#sidebar .box > ul a{
		padding-left : 10px;
		padding-right : 10px;
	}
	#sidebar .box > ul li li a{
		padding-left : 28px;
		padding-right : 28px;
	}
}
/*--------------------------------------------
POSTS01
---------------------------------------------*/
.posts01 > li a{
	background-color : #fff;
	display : flex;
}
.posts01 > li > a > div{
	flex-grow : 1;
}
.posts01 picture{
	flex-shrink : 0;
}
.posts01 time , .posts01 h3{
	letter-spacing : .1em;
}
.posts01 time{
	display : block;
}
.posts01 h3{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	.posts01 > li{
		width : 100%;
	}
	.posts01 > li + li{
		margin-top : calc( 24 * 100vw / 768 );
	}
	.posts01 > li > a{
		align-items : flex-start;
	}

	.posts01 picture{
		width : calc( 200 * 100vw / 672 );
	}
        .posts01 picture img{
            object-fit:cover;
            width: calc( 200 * 100vw / 672 );
            height: calc( 200 * 100vw / 672 );
        }    
	.posts01 a > div{
		padding-left : calc( 20 * 100% / 672 );
		padding-right : calc( 20 * 100% / 672 );
		position : relative;
	}

	.posts01 .tag-categories{
		width : 100%;
		justify-content : flex-end;
		margin-top : calc( ( -10 - 4 ) * 100vw / 768 );
		margin-left : calc( -4 * 100vw / 768 );
	}
	.posts01 .tag-categories li{
		margin-top : calc( 4 * 100vw / 768 );
		margin-left : calc( 4 * 100vw / 768 );
	}
	.posts01 time , .posts01 h3{
		font-size : 2.6rem;
		line-height : 1.5385;
	}
	.posts01 time{
		margin-top : calc( ( 27 - 7 ) * 100vw / 768 );
	}
	.posts01 h3{
		margin-top : calc( 10 * 100vw / 768 );
		margin-bottom : calc( 10 * 100vw / 768 );
	}
	.posts01 + #paginationSingle{
		margin-top : calc( 50 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	.posts01 a{
		align-items : flex-start;
	}
	.posts01 a > div{
		display : flex;
		flex-wrap : wrap;
		align-items : flex-start;
	}
	.posts01 time{
		order : 1;
		display : block;
		line-height : 1.5556;
		font-size : 1.8rem;
	}
	.posts01 .tag-categories{
		order : 2;
	}
	.posts01 h3{
		order : 3;
		width : 100%;
		font-size : 2.4rem;
		line-height : 1.5;
	}
	.posts01 div.is-pc{
		order : 4;
	}
	.posts01 p{
		letter-spacing : .1em;
		width : 100%;
		font-size : 1.8rem;
		line-height : 1.5;
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	.posts01 > li + li{
		margin-top : calc( 19 * 100vw / 1160 );
	}
	.posts01 picture{
		width : calc( 200 * 100% / 1060 );
	}
	.posts01 a > div{
		padding-left : calc( 18 * 100% / 860 );
		padding-right : calc( 18 * 100% / 860 );
		padding-top : calc( 18 * 100vw / 1160 );
		padding-bottom : calc( ( 20 - 4.5 ) * 100vw / 1160 );
	}
	.posts01 time{
		margin-right : calc( 26 * 100% / 824 );
	}
	.posts01 h3{
		margin-top : calc( ( 11 - 6 ) * 100vw / 1160 );
	}
	.posts01 div.is-pc{
		margin-top : calc( 10 * 100vw / 1160 );
	}
	.posts01 + #paginationSingle{
		margin-top : calc( 60 * 100vw / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	.posts01 > li + li{
		margin-top : 19px;
	}
	.posts01 picture{
		width : 200px;
	}
	.posts01 a > div{
		padding-left : 18px;
		padding-right : 18px;
		padding-top : 18px;
		padding-bottom : calc( 20px - 4.5px );
	}
	.posts01 time{
		margin-right : 26px;
	}
	.posts01 h3{
		margin-top : calc( 11px - 6px );
	}
	.posts01 div.is-pc{
		margin-top : 10px;
	}
	.posts01 + #paginationSingle{
		margin-top : 60px;
	}
}