@charset "UTF-8";

/* --------------------------------------------
COMMON
--------------------------------------------- */
#main-inner .archive-entries .entry-title-link{
	display : block;
	max-height : inherit;
	overflow : visible;
	&::before , &::after{
		content : none;
	}
}

/* --------------------------------------------
ENTRY-HEADER
--------------------------------------------- */
:is( .archive-header , .archive-header-category ){
	display : grid;
	place-items : center;
	width : 100%;
	margin : 0;
	border-image-source : linear-gradient( var( --red ) , var( --red ) );
	border-image-slice : 0 fill;
	border-image-outset : 0 100vw 0 100vw;
	:is( .archive-heading ){
		margin : 0;
		font-weight : 600;
		color : white;
		text-align : center;
		text-indent : .1em;
		letter-spacing : .1em;
	}
	@media screen and ( width <= 750px ){
		height : calc( 126 * var( --oldRemBase ) );
		:is( .archive-heading ){
			font-size : calc( 37 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width >= 1040px ){
		height : calc( 114 * var( --remBase ) );
		:is( .archive-heading ){
			font-size : calc( 32 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
ARCHIVE
--------------------------------------------- */
.archive-entries{
	.categories , .archive-entry-body{
		display : none;
	}
	.archive-entry-header{
		display : contents;
	}
	.archive-entry{
		position : relative;
		display : grid;
		align-items : start;
		justify-content : start;
		padding-top : 0;
		margin-bottom : 0;
	}
	.entry-thumb-link{
		grid-row : 1/3;
		grid-column : 1 / 3;
		width : 100%;
		height : 100%;
		.entry-thumb{
			position : static;
			float : none;
			height : 100%;
			padding-bottom : 0;
			background-repeat : no-repeat;
			background-position : center;
			background-size : cover;
		}
	}
	.archive-date{
		grid-row : 1;
		grid-column : 4;
		a{
			display : block;
			font-family : var( --fontFamily );
		}
		time{
			display : flex;
			flex-direction : column-reverse;
		}
		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;
		}
	}
	.entry-title{
		position : relative;
		z-index : 1;
		grid-row : 2/-1;
		grid-column : 2/5;
		margin : 0;
		font-weight : 300;
		letter-spacing : .1em;
		background-color : #f3eee5;
	}
	.author{
		grid-row : 4;
		grid-column : 6;
		picture{
			width : 100%;
			border-radius : 50%;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
		p{
			position : relative;
			line-height : 1.2;
			color : #070002;
			text-align : center;
			text-indent : .12em;
			letter-spacing : .12em;
		}
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( 88 * var( --oldRemBase ) );
		padding-left : calc( 114 * var( --oldViewportBase ) );
		.archive-entry{
			grid-template-rows : calc( 360 * var( --oldRemBase ) ) calc( 30 * var( --oldRemBase ) ) 1fr auto;
			grid-template-columns : calc( 107 * 100% / 636 ) calc( 283 * 100% / 636 ) calc( 16 * 100% / 636 ) calc( 19 * 100% / 636 ) calc( 4 * 100% / 636 ) calc( 136 * 100% / 636 );
			width : 100%;
			+ .archive-entry{
				margin-top : calc( 50 * var( --oldRemBase ) );
			}
		}
		.archive-date{
			a{
				font-size : calc( 20 * var( --oldRemBase ) );
			}
		}
		.entry-title{
			width : 100%;
			padding-left : calc( 8 * 100% / 318 );
			padding-right : calc( 8 * 100% / 318 );
			.entry-title-link{
				font-size : calc( 32 * var( --oldRemBase ) );
				line-height : 1.5;
			}
		}
		.author{
			padding-bottom : calc( 8 * var( --oldRemBase ) );
			picture{
				width : 100%;
				height : calc( 136 * var( --oldRemBase ) );
			}
			p{
				margin-top : calc( 8 * var( --oldRemBase ) );
				font-size : calc( 20 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		row-gap : calc( 88 * var( --remBase ) );
		align-items : flex-start;
		.archive-entry{
			grid-template-rows : calc( 214 * var( --remBase ) ) calc( 17 * var( --remBase ) ) 1fr auto;
			grid-template-columns : calc( 59 * 100% / 323 ) calc( 172 * 100% / 323 ) calc( 10 * 100% / 323 ) calc( 6 * 100% / 323 ) calc( 14 * 100% / 323 ) calc( 62 * 100% / 323 );
			width : calc( 323 * 100% / 670 );
		}
		.archive-date{
			a{
				font-size : calc( 11 * var( --remBase ) );
			}
		}
		.entry-title{
			padding-block : calc( ( 8 - 4.74 ) * var( --remBase ) );
			padding-inline : calc( 5 * 100% / 188 );
			.entry-title-link{
				font-size : calc( 19 * var( --remBase ) );
				line-height : 1.5011;
			}
		}
		.author{
			padding-bottom : calc( ( 8 - 4.76 ) * var( --remBase ) );
			picture{
				height : calc( 62 * var( --remBase ) );
			}
			p{
				margin-top : calc( 6 * var( --remBase ) );
				font-size : calc( 10 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
AUTHOR ARCHIVE
--------------------------------------------- */
.static-page-author{
	.entry-header{
		border-image-source : linear-gradient( var( --red ) , var( --red ) );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
	}
	#listsAuthors{
		display : flex;
		flex-wrap : wrap;
		a{
			display : block;
			width : 100%;
		}
		a:nth-of-type( 1 ){
			width : 100%;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
		a:nth-of-type( 2 ){
			font-weight : 400;
			line-height : 1;
			text-align : center;
			text-indent : .24em;
			letter-spacing : .24em;
		}
		@media screen and ( width <= 750px ){
			justify-content : space-between;
			padding-left : calc( 108 * var( --oldViewportBase ) );
			padding-right : calc( 108 * var( --oldViewportBase ) );
			margin-top : calc( 72 * var( --oldRemBase ) );
			li{
				width : calc( 242 * 100% / 534 );
				&:nth-child( n+3 ){
					margin-top : calc( 60 * var( --oldRemBase ) );
				}
			}
			picture{
				height : calc( 242 * var( --oldRemBase ) );
			}
			a:nth-of-type( 2 ){
				margin-top : calc( 24 * var( --oldRemBase ) );
				font-size : calc( 24 * var( --oldRemBase ) );
			}
		}
		@media print , screen and ( width > 750px ){
			column-gap : calc( 53 * 100% / 722 );
			li{
				width : calc( 183 * 100% / 722 );
				&:nth-child( n+4 ){
					margin-top : calc( 43 * var( --remBase ) );
				}
			}
			picture{
				height : calc( 183* var( --remBase ) );
			}
			a:nth-of-type( 2 ){
				margin-top : calc( 22 * var( --remBase ) );
				font-size : calc( 16 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
NEWS
--------------------------------------------- */
.static-page-news{
	.entry-header{
		border-image-source : linear-gradient( var( --red ) , var( --red ) );
		border-image-slice : 0 fill;
		border-image-outset : 0 100vw 0 100vw;
	}
	.entry-title{
		width : 100%;
		height : 100%;
		margin : 0;
	}
	.entry-title a{
		display : grid;
		grid-auto-flow : column;
		place-items : center;
		justify-content : center;
		width : 100%;
		height : 100%;
	}
	.entry-title a::before{
		display : block;
		flex-shrink : 0;
		width : auto;
		aspect-ratio : 1;
		font-size : 0;
		content : "";
		background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613782596644" ) 0 0 / contain no-repeat;
	}
	.lede{
		margin : 0;
		font-weight : 400;
	}
	@media screen and ( width <= 750px ){
		.entry-title a::before{
			height : calc( 58 * var( --oldRemBase ) );
			margin-right : calc( 24 * var( --oldRemBase ) );
		}
		.lede{
			padding-top : calc( ( 52 - 13 ) * var( --oldRemBase ) );
			padding-bottom : calc( ( 78 - 13 ) * var( --oldRemBase ) );
			padding-left : calc( 100 * var( --oldViewportBase ) );
			padding-right : calc( 100 * var( --oldViewportBase ) );
			font-size : calc( 29 * var( --oldRemBase ) );
			line-height : calc( 54 / 29 );
			letter-spacing : .1em;
		}
	}
	@media print , screen and ( width > 750px ){
		.entry-title a{
			column-gap : calc( 25 * 100% / 1000 );
		}
		.entry-title a::before{
			height : calc( 50 * var( --remBase ) );
		}
		.lede{
			font-size : calc( 17.5 * var( --remBase ) );
			line-height : calc( 29 / 17.5 );
			text-align : center;
			text-indent : .24em;
			letter-spacing : .24em;
		}
	}
	.entry-content{
		#newsList{
			border-top-color : black;
			border-top-style : solid;
		}
		li{
			border-bottom-color : black;
			border-bottom-style : solid;
		}
		li:nth-child( -n+10 ){
			display : block;
		}
		li:nth-child( n+11 ):not( .is-show ){
			display : none;
		}
		time{
			display : block;
			letter-spacing : .1em;
		}
		a{
			display : block;
			-webkit-text-decoration : underline;
			text-decoration : underline;
			letter-spacing : .15em;
		}
		li p{
			color : #7d7d7d;
		}
		#more.hidden{
			display : none;
		}
		@media screen and ( width <= 750px ){
			#newsList{
				border-top-width : calc( 2 * var( --oldRemBase ) );
			}
			li{
				padding-top : calc( 28 * var( --oldRemBase ) );
				padding-bottom : calc( 32 * var( --oldRemBase ) );
				padding-left : calc( 100 * var( --oldViewportBase ) );
				padding-right : calc( 100 * var( --oldViewportBase ) );
				border-bottom-width : calc( 2 * var( --oldRemBase ) );
			}
			time{
				font-size : calc( 23 * var( --oldRemBase ) );
			}
			a{
				margin-top : calc( ( 28 - 10.5 ) * var( --oldRemBase ) );
				font-size : calc( 26 * var( --oldRemBase ) );
				line-height : calc( 47 / 26 );
			}
			li p{
				margin-top : calc( ( 28 - 10.5 ) * var( --oldRemBase ) );
				font-size : calc( 24 * var( --oldRemBase ) );
			}
			#more{
				margin-top : calc( 64 * var( --oldRemBase ) );
			}
		}
		@media print , screen and ( width > 750px ){
			#newsList{
				border-top-width : 1px;
			}
			li{
				padding-top : calc( 17 * var( --remBase ) );
				padding-bottom : calc( 18 * var( --remBase ) );
				border-bottom-width : 1px;
			}
			time{
				font-size : calc( 15 * var( --remBase ) );
			}
			a{
				margin-top : calc( ( 19 - 6.8625 ) * var( --remBase ) );
				font-size : calc( 17 * var( --remBase ) );
				line-height : 1.8074;
			}
			li p{
				margin-top : calc( ( 17.5 - 6.8625 ) * var( --remBase ) );
				font-size : calc( 15.5 * var( --remBase ) );
			}
			#more{
				margin-top : calc( 42 * var( --remBase ) );
			}
		}
	}
}