@charset "UTF-8";

/* --------------------------------------------
POSTS
--------------------------------------------- */
.list-posts picture{
	width : 100%;
}
.list-posts picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
.list-posts picture:empty{
	background-color : #808080;
}
.list-posts :where( h2,h3 ){
	font-weight : 700;
}
@media screen and ( max-width : 750px ){
	.list-posts > li + li{
		margin-top : calc( 80 var( --remBase ) );
	}
	.list-posts picture{
		height : calc( 420 var( --remBase ) );
	}
	.list-posts h3{
		margin-top : calc( ( 36 - 11 ) var( --remBase ) );
		font-size : calc( 56 var( --remBase ) );
		line-height : calc( 78 / 56 );
	}
}
@media print , screen and ( min-width : 751px ){
	.list-posts{
		display : grid;
		align-items : start;
		justify-content : space-between;
	}
}
@media print , screen and ( min-width : 751px ){
	.column01 .list-posts{
		grid-template-columns : repeat( 2 , calc( 380 * 100% / 840 ) );
		row-gap : calc( 50 var( --remBase ) );
	}
	.column01 .list-posts picture{
		height : calc( 240 var( --remBase ) );
	}
	.column01 .list-posts h3{
		margin-top : calc( ( 16 - 6.5 ) var( --remBase ) );
		font-size : calc( 31 var( --remBase ) );
		line-height : calc( 44 / 31 );
	}
}

/* --------------------------------------------
TAGS
--------------------------------------------- */
.entry-category-link , .urllist-category-link{
	all : unset;
	box-sizing : border-box;
	margin : 0;
	font-family : var( --fontFamily );
}
.entry-category-link:hover , .urllist-category-link:hover{
	background : none;
}
.tags{
	display : flex;
	flex-wrap : wrap;
}
.tags a{
	display : grid;
	place-items : center;
	font-weight : 700;
	line-height : 1;
	color : var( --body );
	cursor : pointer;
	border-color : var( --tagBorderColor );
	border-style : solid;
}
.tags a:hover{
	color : var( --body );
}
@media screen and ( max-width : 750px ){
	.tags a{
		border-width : calc( 4 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.tags a{
		border-width : calc( 2 var( --remBase ) );
	}
}
.hatena-urllist{
	all : unset;
	box-sizing : border-box;
	font-family : var( --fontFamily );
}
.hatena-module-category .hatena-urllist li , .hatena-module-category .hatena-urllist a{
	all : unset;
	box-sizing : border-box;
	font-family : var( --fontFamily );
}
.hatena-module-category .hatena-urllist{
	display : flex;
	flex-wrap : wrap;
}
.hatena-module-category .hatena-urllist li{
	border-color : var( --tagBorderColor );
}
.hatena-module-category .hatena-urllist a{
	display : grid;
	place-items : center;
	width : 100%;
	height : 100%;
	font-weight : 700;
	line-height : 1;
	color : transparent;
	cursor : pointer;
	border-color : var( --tagBorderColor );
	border-style : solid;
}
.hatena-module-category .hatena-urllist a:hover{
	color : var( --body );
}
.hatena-module-category .hatena-urllist a.is-view{
	color : var( --body );
}

/* --------------------------------------------
LINK
--------------------------------------------- */
.urllist-see-more{
	all : unset;
	box-sizing : border-box;
	display : block;
	margin-inline : auto;
}
.urllist-see-more a{
	all : unset;
	box-sizing : border-box;
	display : grid;
	place-items : center;
	width : 100%;
	height : 100%;
	font-family : var( --fontFamily );
	font-weight : 700;
	color : white;
	text-align : center;
	text-indent : .15em;
	letter-spacing : .15em;
	cursor : pointer;
	background-color : var( --primary );
	transition : opacity .3s ease-in;
}
.urllist-see-more a:hover{
	background-color : var( --primary );
	opacity : .8;
}
@media screen and ( max-width : 750px ){
	.urllist-see-more{
		width : calc( 362 var( --percentBase ) );
		height : calc( 86 var( --remBase ) );
	}
	.urllist-see-more a{
		font-size : 4.8rem;
		border-radius : calc( 16 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.urllist-see-more{
		height : calc( 60 var( --remBase ) );
	}
	.urllist-see-more a{
		font-size : 3.2rem;
		border-radius : calc( 10 var( --remBase ) );
	}
}