@charset "UTF-8";

/* --------------------------------------------
COMMON
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	.page-archive #content-inner{
		padding-top : calc( 88 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-archive #content-inner{
		padding-top : 56px;
		padding-bottom : 80px;
	}
	.page-archive #main-inner{
		padding-left : 52px;
	}
}

/* --------------------------------------------
ENTRY-HEADER
--------------------------------------------- */
#entry-title{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	margin : 0;
	font-weight : 600;
	color : #fff;
	text-align : center;
	text-indent : .1em;
	letter-spacing : .1em;
	background-color : #d82b22;
}
@media screen and ( max-width : 750px ){
	#entry-title{
		height : calc( 126 var( --remBase ) );
		font-size : 3.7rem;
	}
}
@media print , screen and ( width >= 1040px ){
	#entry-title{
		height : 114px;
		font-size : 3.2rem;
	}
}
.archive-header-category{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	background-color : #d82b22;
}
.archive-header-category .archive-heading{
	margin : 0;
	font-weight : 600;
	color : #fff;
	text-align : center;
	text-indent : .1em;
	letter-spacing : .1em;
}
@media screen and ( max-width : 750px ){
	.archive-header-category{
		height : calc( 126 var( --remBase ) );
	}
	.archive-header-category .archive-heading{
		font-size : 3.7rem;
	}
}
@media print , screen and ( width >= 1040px ){
	.archive-header-category{
		height : 114px;
	}
	.archive-header-category .archive-heading{
		font-size : 3.2rem;
	}
}

/* --------------------------------------------
ARCHIVE-ENTRY
--------------------------------------------- */
body.category #main-inner .archive-entries .categories , body.category #main-inner .archive-entries .archive-entry-body , body.archive #main-inner .archive-entries .categories , body.archive #main-inner .archive-entries .archive-entry-body , .search-result + .archive-entries .categories , .search-result + .archive-entries .archive-entry-body{
	display : none;
}
body.category #main-inner .archive-entries .archive-entry , body.archive #main-inner .archive-entries .archive-entry , .search-result + .archive-entries .archive-entry{
	position : relative;
	display : flex;
	align-items : flex-end;
	padding-top : 0;
	margin-bottom : 0;
}
body.category #main-inner .archive-entries .entry-thumb-link , body.archive #main-inner .archive-entries .entry-thumb-link , .search-result + .archive-entries .entry-thumb-link{
	position : absolute;
	top : 0;
	left : 0;
	display : block;
}
body.category #main-inner .archive-entries .entry-thumb-link .entry-thumb , body.archive #main-inner .archive-entries .entry-thumb-link .entry-thumb , .search-result + .archive-entries .entry-thumb-link .entry-thumb{
	width : 100%;
	height : 100%;
	padding-bottom : 0;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
body.category #main-inner .archive-entries .archive-date , body.archive #main-inner .archive-entries .archive-date , .search-result + .archive-entries .archive-date{
	position : absolute;
	top : 0;
}
body.category #main-inner .archive-entries .archive-date a , body.archive #main-inner .archive-entries .archive-date a , .search-result + .archive-entries .archive-date a{
	display : block;
	font-family : "Hiragino Sans" , "ヒラギノ角ゴシック" , "Yu Gothic" , YuGothic , Verdana , Meiryo , "M+ 1p" , sans-serif;
}
body.category #main-inner .archive-entries .archive-date time , body.archive #main-inner .archive-entries .archive-date time , .search-result + .archive-entries .archive-date time{
	display : flex;
	flex-direction : column-reverse;
}
body.category #main-inner .archive-entries .archive-date span , body.archive #main-inner .archive-entries .archive-date span , .search-result + .archive-entries .archive-date span{
	font-feature-settings : normal;
	color : #231815;
	letter-spacing : .15em;
	white-space : nowrap;
	-ms-writing-mode : tb-rl;
	writing-mode : vertical-rl;
	transform : rotate( -180deg );
	transform-origin : center;
}
body.category #main-inner .archive-entries .entry-title , body.archive #main-inner .archive-entries .entry-title , .search-result + .archive-entries .entry-title{
	position : relative;
	z-index : 1;
	margin : 0;
	font-weight : 300;
	letter-spacing : .1em;
	background-color : #f3eee5;
}
body.category #main-inner .archive-entries .entry-title .entry-title-link , body.archive #main-inner .archive-entries .entry-title .entry-title-link , .search-result + .archive-entries .entry-title .entry-title-link{
	display : block;
	max-height : inherit;
	overflow : visible;
}
body.category #main-inner .archive-entries .entry-title .entry-title-link::before , body.category #main-inner .archive-entries .entry-title .entry-title-link::after , body.archive #main-inner .archive-entries .entry-title .entry-title-link::before , body.archive #main-inner .archive-entries .entry-title .entry-title-link::after , .search-result + .archive-entries .entry-title .entry-title-link::before , .search-result + .archive-entries .entry-title .entry-title-link::after{
	content : none;
}
body.category #main-inner .archive-entries .author picture , body.archive #main-inner .archive-entries .author picture , .search-result + .archive-entries .author picture{
	margin-left : auto;
	margin-right : auto;
	border-radius : 50%;
}
body.category #main-inner .archive-entries .author picture img , body.archive #main-inner .archive-entries .author picture img , .search-result + .archive-entries .author picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
body.category #main-inner .archive-entries .author p , body.archive #main-inner .archive-entries .author p , .search-result + .archive-entries .author p{
	position : relative;
	line-height : 1.2;
	color : #070002;
	text-align : center;
	text-indent : .12em;
	letter-spacing : .12em;
}
@media screen and ( max-width : 750px ){
	body.category #main-inner .archive-entries ,
	body.archive #main-inner .archive-entries ,
	.search-result + .archive-entries{
		display : block;
		padding-left : calc( 114 var( --percentBase ) );
	}
	body.category #main-inner .archive-entries .archive-entry , body.archive #main-inner .archive-entries .archive-entry , .search-result + .archive-entries .archive-entry{
		width : 100%;
	}
	body.category #main-inner .archive-entries .archive-entry + .archive-entry , body.archive #main-inner .archive-entries .archive-entry + .archive-entry , .search-result + .archive-entries .archive-entry + .archive-entry{
		margin-top : calc( 50 var( --remBase ) );
	}
	body.category #main-inner .archive-entries .entry-thumb-link , body.archive #main-inner .archive-entries .entry-thumb-link , .search-result + .archive-entries .entry-thumb-link{
		width : calc( 390 * 100% / 636 );
		height : calc( 390 var( --remBase ) );
	}
	body.category #main-inner .archive-entries .archive-date , body.archive #main-inner .archive-entries .archive-date , .search-result + .archive-entries .archive-date{
		left : calc( 406 * 100% / 636 );
	}
	body.category #main-inner .archive-entries .archive-date a , body.archive #main-inner .archive-entries .archive-date a , .search-result + .archive-entries .archive-date a{
		font-size : 2rem;
	}
	body.category #main-inner .archive-entries .archive-entry-header , body.archive #main-inner .archive-entries .archive-entry-header , .search-result + .archive-entries .archive-entry-header{
		width : calc( 318 * 100% / 636 );
		padding-top : calc( 360 var( --remBase ) );
		margin-left : calc( 107 * 100% / 636 );
	}
	body.category #main-inner .archive-entries .entry-title , body.archive #main-inner .archive-entries .entry-title , .search-result + .archive-entries .entry-title{
		width : 100%;
		padding-left : calc( 8 * 100% / 318 );
		padding-right : calc( 8 * 100% / 318 );
	}
	body.category #main-inner .archive-entries .entry-title .entry-title-link , body.archive #main-inner .archive-entries .entry-title .entry-title-link , .search-result + .archive-entries .entry-title .entry-title-link{
		font-size : 3.2rem;
		line-height : 1.5;
	}
	body.category #main-inner .archive-entries .author , body.archive #main-inner .archive-entries .author , .search-result + .archive-entries .author{
		width : calc( 136 * 100% / 638 );
		padding-bottom : calc( 8 var( --remBase ) );
		margin-left : calc( 4 * 100% / 638 );
	}
	body.category #main-inner .archive-entries .author picture , body.archive #main-inner .archive-entries .author picture , .search-result + .archive-entries .author picture{
		width : calc( 106 * 100% / 136 );
		height : calc( 106 var( --remBase ) );
	}
	body.category #main-inner .archive-entries .author p , body.archive #main-inner .archive-entries .author p , .search-result + .archive-entries .author p{
		margin-top : calc( 8 var( --remBase ) );
		font-size : 2rem;
	}
}
@media print , screen and ( min-width : 751px ){
	body.category #main-inner .archive-entries ,
	body.archive #main-inner .archive-entries ,
	.search-result + .archive-entries{
		display : flex;
		flex-wrap : wrap;
		align-items : flex-start;
		justify-content : space-between;
	}
	body.category #main-inner .archive-entries .archive-entry , body.archive #main-inner .archive-entries .archive-entry , .search-result + .archive-entries .archive-entry{
		width : 323px;
	}
	body.category #main-inner .archive-entries .archive-entry:nth-of-type( n+3 ) , body.archive #main-inner .archive-entries .archive-entry:nth-of-type( n+3 ) , .search-result + .archive-entries .archive-entry:nth-of-type( n+3 ){
		margin-top : 88px;
	}
	body.category #main-inner .archive-entries .entry-thumb-link , body.archive #main-inner .archive-entries .entry-thumb-link , .search-result + .archive-entries .entry-thumb-link{
		width : 231px;
		height : 231px;
	}
	body.category #main-inner .archive-entries .archive-date , body.archive #main-inner .archive-entries .archive-date , .search-result + .archive-entries .archive-date{
		left : 241px;
	}
	body.category #main-inner .archive-entries .archive-date a , body.archive #main-inner .archive-entries .archive-date a , .search-result + .archive-entries .archive-date a{
		font-size : 1.1rem;
	}
	body.category #main-inner .archive-entries .entry-title , body.archive #main-inner .archive-entries .entry-title , .search-result + .archive-entries .entry-title{
		width : 188px;
		padding-top : calc( 8px - 4.74px );
		padding-bottom : calc( 8px - 4.74px );
		padding-left : 5px;
		padding-right : 5px;
		margin-top : 214px;
		margin-left : 59px;
	}
	body.category #main-inner .archive-entries .entry-title .entry-title-link , body.archive #main-inner .archive-entries .entry-title .entry-title-link , .search-result + .archive-entries .entry-title .entry-title-link{
		font-size : 1.9rem;
		line-height : 1.5011;
	}
	body.category #main-inner .archive-entries .author , body.archive #main-inner .archive-entries .author , .search-result + .archive-entries .author{
		width : 64px;
		padding-bottom : calc( 8px - 4.76px );
		margin-left : 11px;
	}
	body.category #main-inner .archive-entries .author picture , body.archive #main-inner .archive-entries .author picture , .search-result + .archive-entries .author picture{
		width : 62px;
		height : 62px;
	}
	body.category #main-inner .archive-entries .author p , body.archive #main-inner .archive-entries .author p , .search-result + .archive-entries .author p{
		margin-top : 6px;
		font-size : 1rem;
	}
}
.pager .pager-prev a::before{
	white-space : pre;
	content : "< ";
}
.pager .pager-next a::after{
	white-space : pre;
	content : " >";
}
.pager .pager-prev a , .pager .pager-next a{
	display : flex;
	align-items : center;
	justify-content : center;
	color : #fff;
	-webkit-text-decoration : none;
	text-decoration : none;
	background-color : #000;
}

/* --------------------------------------------
RESULT
--------------------------------------------- */
.search-result .search-result-form{
	max-width : inherit;
}
.search-result .search-result-input{
	padding-top : 0;
	padding-bottom : 0;
	background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889894312709" );
	background-repeat : no-repeat;
}
.search-result .archive-heading{
	width : 0;
	height : 0;
	margin : 0;
	visibility : hidden;
}
@media screen and ( max-width : 750px ){
	.search-result{
		width : calc( 590 var( --percentBase ) );
		margin-bottom : calc( 36 var( --remBase ) );
		margin-left : auto;
		margin-right : auto;
	}
	.search-result .search-result-input{
		height : calc( 76 var( --remBase ) );
		padding-left : calc( 28 * 100% / 590 );
		padding-right : calc( 28 * 100% / 590 );
		font-size : 2.4rem;
		background-position : right calc( 36 * 100% / 670 ) top 50%;
		background-size : auto calc( 34 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.search-result{
		margin-bottom : 40px;
	}
	.search-result .search-result-input{
		height : 52px;
		padding-left : 28px;
		padding-right : 28px;
		font-size : 1.6rem;
		background-position : right 18px top 50%;
		background-size : auto 21px;
	}
}