@charset "UTF-8";

/* --------------------------------------------
COMMON
--------------------------------------------- */
a , .entry-content a , .entry-title a{
	-webkit-text-decoration : none;
	text-decoration : none;
}
a:hover , .entry-content a:hover , .entry-title a:hover{
	-webkit-text-decoration : none;
	text-decoration : none;
}

/* --------------------------------------------
BACKGROUND COLOR
-------------------------------------------- */
.bg-primary{
	background-color : var( --primary );
}

/* --------------------------------------------
LINK
--------------------------------------------- */
.link01{
	display : flex;
	align-items : center;
	justify-content : center;
	font-weight : 600;
	color : #fff;
	letter-spacing : .25em;
	background-color : #221714;
}
.link01::after{
	display : block;
	flex-shrink : 0;
	content : "";
	background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613683142970" ) 0 center / contain no-repeat;
}
@media screen and ( max-width : 750px ){
	.link01{
		width : calc( 540 var( --remBase ) );
		height : calc( 64 var( --remBase ) );
		font-size : 2.5rem;
	}
	.link01::after{
		width : calc( 12 * 100% / 540 );
		height : calc( 20 var( --remBase ) );
		margin-left : calc( 20 * 100% / 540 );
	}
}
@media print , screen and ( min-width : 751px ){
	.link01{
		width : 245px;
		height : 35px;
		margin-left : auto;
		margin-right : auto;
		font-size : 1.3125rem;
	}
	.link01::after{
		width : 7px;
		height : 11px;
		margin-left : 10px;
	}
}

/* --------------------------------------------
RECENT-ENTRIES-SEE-MORE
--------------------------------------------- */
.recent-entries-see-more a{
	display : flex;
	align-items : center;
	justify-content : center;
	font-size : 0;
	background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613683130062" ) center no-repeat #221714;
}
.recent-entries-see-more a:hover{
	background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613683130062" ) center no-repeat #221714;
}
@media screen and ( max-width : 750px ){
	.recent-entries-see-more a{
		width : calc( 540 var( --remBase ) );
		height : calc( 64 var( --remBase ) );
		background-size : auto calc( 22 var( --remBase ) );
	}
	.recent-entries-see-more a:hover{
		background-size : auto calc( 22 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.recent-entries-see-more a{
		width : 245px;
		height : 35px;
		margin-left : auto;
		margin-right : auto;
		background-size : auto 12px;
	}
	.recent-entries-see-more a:hover{
		background-size : auto 12px;
	}
}

/* --------------------------------------------
LINK MORE
--------------------------------------------- */
.link-more01{
	display : flex;
	align-items : center;
	justify-content : center;
	margin-left : auto;
	margin-right : auto;
	font-size : 0;
	background-color : #221714;
	background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613782627543" );
	background-repeat : no-repeat;
	background-position : center;
}
@media screen and ( max-width : 750px ){
	.link-more01{
		width : calc( 540 var( --remBase ) );
		height : calc( 64 var( --remBase ) );
		background-size : auto calc( 22 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.link-more01{
		width : 245px;
		height : 35px;
		background-size : auto 12px;
	}
}
.link-more02{
	display : grid;
	align-items : center;
	justify-content : center;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	background-color : #000;
}
.link-more02::after{
	display : block;
	width : 100%;
	font-size : 0;
	content : "";
	background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613683142970" );
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
}
@media screen and ( max-width : 750px ){
	.link-more02{
		grid-template-columns : auto calc( 19 * 100% / 540 );
		column-gap : calc( 26 * 100% / 540 );
		width : calc( 540 * 100% / 660 );
		height : calc( 90 var( --remBase ) );
		font-size : calc( 28 var( --remBase ) );
	}
	.link-more02::after{
		height : calc( 28 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.link-more02{
		grid-template-columns : auto 10px;
		column-gap : 11px;
		width : 255px;
		height : 36px;
		font-size : 13px;
		letter-spacing : .19em;
	}
	.link-more02::after{
		height : 14px;
	}
}

/* --------------------------------------------
LISTS
--------------------------------------------- */
.list-tags{
	display : flex;
	flex-wrap : wrap;
}
.list-tags a{
	display : flex;
	align-items : center;
	justify-content : center;
	font-weight : 300;
	color : #fff;
	text-align : center;
	text-indent : .1em;
	letter-spacing : .1em;
	background-color : #888988;
}
.list-tags a::before{
	flex-shrink : 0;
	content : "#";
}