@charset "UTF-8";

/* --------------------------------------------
ENTRY
--------------------------------------------- */
.page-entry .entry-header{
	display : grid;
	color : white;
	border-image-source : linear-gradient( var( --red ) , var( --red ) );
	border-image-slice : 0 fill;
	border-image-outset : 0 100vw 0 100vw;
	a{
		color : white;
	}
	.entry-header-modules{
		display : contents;
	}
	.entry-title a{
		font-weight : 600;
	}
	#heroMv{
		font-size : 0;
		img{
			width : 100%;
			height : auto;
		}
	}
	.entry-title{
		margin : 0;
		&:hover{
			-webkit-text-decoration : none;
			text-decoration : none;
		}
	}
	.entry-date{
		font-weight : 400;
	}
	.entry-categories{
		display : flex;
		flex-wrap : wrap;
		margin : 0;
		a{
			display : grid;
			grid-auto-flow : column;
			place-items : center;
			margin : 0;
			font-weight : 400;
			line-height : 1;
			text-align : center;
			text-indent : .1em;
			letter-spacing : .1em;
			background-color : #898989;
			&::before{
				content : "#";
			}
		}
	}
	#heroLede{
		font-weight : 400;
	}
	#heroAuthor{
		a{
			display : flex;
			align-items : center;
		}
		picture{
			flex-shrink : 0;
			width : auto;
			aspect-ratio : 1;
			border-radius : 50%;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
		p{
			line-height : 1;
			letter-spacing : .24em;
		}
	}
	@media screen and ( width <= 750px ){
		grid-template-rows : auto calc( ( 84 - 9 ) * var( --oldRemBase ) ) auto calc( ( 30 - 9 ) * var( --oldRemBase ) ) auto calc( 20 * var( --oldRemBase ) ) auto calc( ( 32 - 8 ) * var( --oldRemBase ) ) auto calc( ( 34 - 8 ) * var( --oldRemBase ) ) auto;
		grid-template-columns : calc( 40 * var( --oldViewportBase ) ) calc( 670 * var( --oldViewportBase ) ) calc( 40 * var( --oldViewportBase ) );
		padding-bottom : calc( ( 96 - 8 ) * var( --oldRemBase ) );
		#heroMv{
			grid-row : 1;
			grid-column : 1/-1;
		}
		.entry-title{
			grid-row : 3;
			grid-column : 2;
			font-size : calc( 40 * var( --oldRemBase ) );
			line-height : 1.4737;
			letter-spacing : .1em;
		}
		.entry-date{
			grid-row : 5;
			grid-column : 2;
			span{
				font-size : calc( 22 * var( --oldRemBase ) );
				letter-spacing : .15em;
			}
		}
		.entry-categories{
			grid-row : 7;
			grid-column : 2;
			row-gap : calc( 10 * var( --oldRemBase ) );
			column-gap : calc( 10 * 100% / 670 );
			a{
				padding-block : calc( 9 * var( --oldRemBase ) );
				padding-inline : calc( 18 * var( --oldRemBase ) );
				font-size : calc( 20 * var( --oldRemBase ) );
			}
		}
		#heroAuthor{
			grid-row : 9;
			grid-column : 2;
			a{
				column-gap : calc( 24 * 100% / 670 );
			}
			picture{
				height : calc( 108 * var( --oldRemBase ) );
			}
			p{
				font-size : calc( 22 * var( --oldRemBase ) );
			}
		}
		#heroLede{
			grid-row : 11;
			grid-column : 2;
			font-size : calc( 660 * 100cqi / 750 / 21 );
			line-height : 1.6154;
		}
	}
	@media print , screen and ( width > 750px ){
		grid-template-rows : auto calc( ( 48 - 8.5 ) * var( --remBase ) ) auto calc( ( 22 - 8.5 ) * var( --remBase ) ) auto calc( 21 * var( --remBase ) ) auto calc( ( 18 - 5.0775 ) * var( --remBase ) ) auto calc( ( 16 - 5.0775 ) * var( --remBase ) ) auto;
		grid-template-columns : calc( 42 * 100% / 1000 ) calc( 658 * 100% / 1000 ) calc( 300 * 100% / 1000 );
		padding-top : calc( 74 * var( --remBase ) );
		padding-bottom : calc( 36 * var( --remBase ) );
		#heroMv{
			grid-row : 1;
			grid-column : 1/-1;
		}
		.entry-title{
			grid-row : 3;
			grid-column : 2;
			font-size : calc( 32.5 * var( --remBase ) );
			line-height : 1.5;
			letter-spacing : .125em;
		}
		.entry-date{
			grid-row : 5;
			grid-column : 2;
			span{
				font-size : calc( 12 * var( --remBase ) );
				letter-spacing : .15em;
			}
		}
		.entry-categories{
			grid-row : 7;
			grid-column : 2;
			column-gap : calc( 4 * 100% / 658 );
			a{
				padding-block : calc( 5.5 * var( --remBase ) );
				padding-inline : calc( 12 * var( --remBase ) );
				font-size : calc( 10 * var( --remBase ) );
			}
		}
		#heroAuthor{
			grid-row : 9;
			grid-column : 2/-1;
			a{
				column-gap : calc( 10 * 100% / 958 );
			}
			picture{
				height : calc( 72 * var( --remBase ) );
			}
			p{
				font-size : calc( 12 * var( --remBase ) );
			}
		}
		#heroLede{
			grid-row : 11;
			grid-column : 2;
			font-size : calc( 17 * var( --remBase ) );
			line-height : calc( 28.5 / 17 );
		}
	}
}
.page-entry .entry-content{
	display : block;
	h3{
		margin : 0;
		font-weight : 600;
		color : #d82b22;
		letter-spacing : .1em;
	}
	h4{
		margin : 0;
		font-weight : 600;
		letter-spacing : .1em;
		border-bottom-color : black;
		border-bottom-style : solid;
	}
	h5{
		margin : 0;
		font-weight : 600;
		letter-spacing : .1em;
	}
	p{
		margin : 0;
	}
	figcaption{
		text-align : left;
	}
	img{
		width : 100%;
		height : auto;
	}
	a img{
		cursor : pointer;
	}
	ul{
		list-style : disc;
	}
	ol{
		list-style : decimal;
	}
	a{
		-webkit-text-decoration : underline;
		text-decoration : underline;
	}
	p strong{
		font-weight : 600;
	}
	@media screen and ( width <= 750px ){
		padding-inline : calc( 40 * var( --oldViewportBase ) );
		margin-top : calc( 92 * var( --oldRemBase ) );
		h3{
			font-size : calc( 36 * var( --oldRemBase ) );
			line-height : calc( 52 / 36 );
		}
		h4{
			padding-bottom : calc( ( 28 - 7 ) * var( --oldRemBase ) );
			font-size : calc( 34 * var( --oldRemBase ) );
			line-height : calc( 50 / 34 );
			border-bottom-width : calc( 4 * var( --oldRemBase ) );
		}
		h5{
			padding-bottom : calc( ( 28 - 7 ) * var( --oldRemBase ) );
			font-size : calc( 32 * var( --oldRemBase ) );
			line-height : 1.5;
		}
		p , figcaption{
			font-size : calc( 660 * 100cqi / 750 / 21 );
			line-height : 1.6154;
		}
		li{
			font-size : calc( 26 * var( --oldRemBase ) );
			line-height : calc( 42 / 26 );
		}
		table td , table th{
			font-size : calc( 26 * var( --oldRemBase ) );
			line-height : calc( 42 / 26 );
		}
		p + h3{
			margin-top : calc( ( 102 - 8 ) * var( --oldRemBase ) );
			font-weight : 800;
		}
		h3 + p{
			margin-top : calc( ( 36 - 8 - 8 ) * var( --oldRemBase ) );
		}
		p + p{
			margin-top : calc( ( 33 - 6.75 ) * var( --oldRemBase ) );
		}
		p + h4{
			margin-top : calc( ( 58 - 7 ) * var( --oldRemBase ) );
		}
		p + h5{
			margin-top : calc( ( 58 - 7 ) * var( --oldRemBase ) );
		}
		h4 + p{
			margin-top : calc( ( 28 - 8 ) * var( --oldRemBase ) );
		}
		p strong , h3 , h4 , h5{
			font-weight : 800 ! important;
		}
	}
	@media print , screen and ( width > 750px ){
		h3{
			font-size : calc( 28 * var( --remBase ) );
			line-height : 1.54;
		}
		h4{
			padding-bottom : calc( ( 16 - 6 ) * var( --remBase ) );
			font-size : calc( 25 * var( --remBase ) );
			line-height : 1.5455;
			border-bottom-width : calc( 4 * var( --remBase ) );
		}
		h5{
			padding-bottom : calc( ( 16 - 6 ) * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : 1.5;
		}
		p , figcaption , li , table td , table th{
			font-size : calc( 17 * var( --remBase ) );
			line-height : 1.6763;
		}
		p + h3{
			margin-top : calc( ( 36 - 9.25 ) * var( --remBase ) );
		}
		h3 + p{
			margin-top : calc( ( 29 - 6.75 - 9.25 ) * var( --remBase ) );
		}
		p + p{
			margin-top : calc( ( 33 - 6.75 ) * var( --remBase ) );
		}
		p + h4{
			margin-top : calc( ( 30 - 6 ) * var( --remBase ) );
		}
		p + h5{
			margin-top : calc( ( 30 - 6 ) * var( --remBase ) );
		}
		h4 + p{
			margin-top : calc( ( 16 - 6.75 ) * var( --remBase ) );
		}
	}
}
.page-entry .entry-content .table-of-contents{
	margin : 0;
	background : rgb( 255 255 255 );
	border : 1px solid black;
	&::before{
		font-weight : 600;
		content : "INDEX";
	}
	li{
		margin-left : 0;
		list-style : none;
	}
	li a{
		display : block;
		line-height : 1.3 ! important;
	}
	ul{
		margin-left : 1.5em;
	}
	> li > a{
		padding-left : 1em;
		font-weight : 600;
		text-indent : -1em;
	}
	> li > a::before{
		content : "■";
	}
	> li ul li{
		margin-bottom : 0;
	}
	> li ul li a{
		margin-left : 0;
		text-indent : 0;
		list-style : none;
	}
	li a{
		-webkit-text-decoration : none;
		text-decoration : none;
	}
	@media screen and ( width <= 750px ){
		padding : calc( 24 * var( --oldRemBase ) );
		&::before{
			font-size : calc( 800 * 100cqi / 750 / 20 );
		}
		li{
			margin-bottom : calc( 12 * var( --oldRemBase ) );
			a{
				margin-bottom : calc( 4 * var( --oldRemBase ) );
			}
		}
		> li{
			> a{
				font-size : calc( 620 * 100cqi / 750 / 20 );
			}
		}
		li li a{
			font-size : calc( 581 * 100cqi / 750 / 21 );
		}
	}
	@media print , screen and ( width > 750px ){
		&::before{
			font-size : calc( 24 * var( --remBase ) );
		}
		li{
			a{
				margin-bottom : calc( 4 * var( --remBase ) );
			}
		}
		> li{
			margin-bottom : calc( 12 * var( --remBase ) );
		}
	}
}
.page-entry .entry-content table{
	width : auto ! important;
	border-collapse : collapse ! important;
	th , td{
		border-collapse : collapse ! important;
	}
	thead th , thead td{
		font-weight : 600;
		border : 1px solid #000 ! important;
	}
	tbody tr th , tbody tr td{
		background : white;
		border : 1px solid #000 ! important;
	}
	th{
		font-weight : 600;
		text-align : left;
	}
}
.page-entry .entry-content{
	div.box1{
		padding : 1.5em;
		background : white;
		border : 1px solid black;
	}
	div.box2{
		padding : 1.5em;
		margin-top : 1em;
		margin-bottom : 1em;
		color : white;
		background : #d82b22;
	}
	div.box3{
		padding : 1.5em;
		margin-top : 1em;
		margin-bottom : 1em;
		background : #ddd;
		border : 1px solid black;
	}
}
.page-entry .entry-content .profile-card-container{
	display : grid;
	background-color : white;
	border : 0;
	border-radius : 0;
	outline-style : solid;
	outline-color : #231815;
	a{
		text-underline-offset : .4em;
	}
	#profileTitle{
		grid-row : 1/2;
		grid-column : 1/3;
		margin : 0;
		font-weight : 600;
		line-height : 1;
		letter-spacing : .2em;
		border-bottom-color : #231815;
		border-bottom-style : solid;
	}
	#profileThumbnail , #profileThumbnail2{
		grid-row : 2/6;
		grid-column : 1/2;
		border-radius : 50%;
	}
	#profileName{
		grid-row : 3/4;
		grid-column : 2/3;
		margin : 0;
		font-weight : 600;
		line-height : 1;
		letter-spacing : .2em;
	}
	#profileText{
		grid-row : 4/5;
		grid-column : 2/3;
		margin : 0;
		font-weight : 400;
	}
	#profileLinks{
		display : flex;
		flex-wrap : wrap;
		grid-row : 5/6;
		grid-column : 2/3;
		align-items : flex-start;
		margin : 0;
		li{
			list-style : none;
		}
		a{
			color : #d82b22;
		}
	}
	@media screen and ( width <= 750px ){
		grid-template-columns : calc( 142 * 100% / 638 ) 1fr;
		column-gap : calc( 18 * 100% / 638 );
		padding-inline : calc( 16 * 100% / 670 );
		padding-top : calc( 10 * var( --oldRemBase ) );
		padding-bottom : calc( 16 * var( --oldRemBase ) );
		outline-width : 1px;
		outline-offset : -1px;
		#profileTitle{
			padding-bottom : calc( 14 * var( --oldRemBase ) );
			font-size : calc( 18 * var( --oldRemBase ) );
			border-bottom-width : 1px;
		}
		#profileThumbnail , #profileThumbnail2{
			padding-top : calc( 14 * var( --oldRemBase ) );
		}
		#profileName{
			padding-top : calc( 14 * var( --oldRemBase ) );
			font-size : calc( 24 * var( --oldRemBase ) );
		}
		#profileText{
			padding-top : calc( ( 18 - 5 ) * var( --oldRemBase ) );
			font-size : calc( 18 * var( --oldRemBase ) );
			line-height : 1.5556;
			letter-spacing : .24em;
		}
		#profileLinks{
			column-gap : calc( ( 18 * 100% / 478 ) * var( --percentBase ) );
			padding-top : calc( ( 10 - 5 ) * var( --oldRemBase ) );
			a{
				font-size : calc( 18 * var( --oldRemBase ) );
				letter-spacing : .24em;
			}
		}
	}
	@media print , screen and ( width > 750px ){
		grid-template-columns : calc( 86 * 100% / 630 ) 1fr;
		column-gap : calc( 16 * 100% / 630 );
		padding-inline : calc( 14 * 100% / 658 );
		padding-top : calc( 9 * var( --remBase ) );
		padding-bottom : calc( 12 * var( --remBase ) );
		outline-width : 1px;
		outline-offset : -1px;
		#profileTitle{
			padding-bottom : calc( 8 * var( --remBase ) );
			font-size : calc( 13 * var( --remBase ) );
			border-bottom-width : 1px;
		}
		#profileThumbnail , #profileThumbnail2{
			padding-top : calc( 10 * var( --remBase ) );
		}
		#profileName{
			padding-top : calc( 14 * var( --remBase ) );
			font-size : calc( 13 * var( --remBase ) );
		}
		#profileText{
			padding-top : calc( ( 9 - 2.5 ) * var( --remBase ) );
			font-size : calc( 10.5 * var( --remBase ) );
			line-height : 1.4762;
			letter-spacing : .24em;
		}
		#profileLinks{
			column-gap : calc( 10.5 * 100% / 528 );
			padding-top : calc( ( 10 - 2.5 ) * var( --remBase ) );
			a{
				font-size : calc( 10.5 * var( --remBase ) );
				letter-spacing : .24em;
			}
		}
	}
}
.page-entry{
	.entry-footer{
		margin : 0;
	}
	.entry-tags-wrapper{
		margin : 0;
	}
	.entry-footer-section{
		display : none;
	}
	.pager-permalink{
		display : none;
	}
	.foot-share{
		position : static;
		display : block;
	}
}
#entryService01{
	@media screen and ( width <= 750px ){
		margin-top : calc( 92 * var( --oldRemBase ) );
	}
}
.page-entry .customized-footer{
	display : grid;
	grid-auto-flow : row;
	.entry-footer-html{
		grid-row : 1;
		grid-column : 1;
	}
	#entry-footer-secondary-modules{
		grid-row : 2;
		grid-column : 1;
	}
	@media print , screen and ( width > 750px ){
		row-gap : calc( 50 * var( --remBase ) );
	}
}
.page-entry .foot-sns{
	h5{
		font-weight : 400;
		text-align : center;
		text-indent : .24em;
		letter-spacing : .24em;
	}
	ul{
		display : flex;
		align-items : center;
		justify-content : center;
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( 64 * var( --oldRemBase ) );
		padding-bottom : calc( 98 * var( --oldRemBase ) );
		h5{
			font-size : calc( 22 * var( --oldRemBase ) );
		}
		ul{
			column-gap : calc( 48 * var( --oldViewportBase ) );
			margin-top : calc( 26 * var( --oldRemBase ) );
		}
		#hbm-foot-sns-facebook{
			img{
				height : calc( 50 * var( --oldRemBase ) );
			}
		}
		#hbm-foot-sns-x{
			img{
				height : calc( ( 26 * 750 / 390 ) * var( --oldRemBase ) );
			}
		}
		#hbm-foot-sns-line{
			img{
				height : calc( 48 * var( --oldRemBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		h5{
			font-size : calc( 22 * var( --remBase ) );
		}
		ul{
			column-gap : calc( 28 * 100% / 664 );
			margin-top : calc( 14 * var( --remBase ) );
		}
		li + li{
			margin-left : 28px;
		}
		#hbm-foot-sns-facebook{
			img{
				height : calc( 30 * var( --remBase ) );
			}
		}
		#hbm-foot-sns-x{
			img{
				height : calc( 29 * var( --remBase ) );
			}
		}
		#hbm-foot-sns-line{
			img{
				height : calc( 29 * var( --remBase ) );
			}
		}
	}
}
.page-entry #faq{
	position : relative;
	overflow : clip;
	&::before{
		position : absolute;
		z-index : 1;
		display : block;
		content : "";
	}
	.box{
		position : relative;
		margin-left : auto;
		overflow : clip;
		background-color : #ff5f57;
		&::before , &::after{
			position : absolute;
			z-index : 1;
			display : block;
			content : "";
			background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974511918" ) center / contain no-repeat;
		}
	}
	hgroup{
		color : #fff;
		p{
			font-weight : 600;
			letter-spacing : .09em;
		}
		h3{
			font-size : 0;
		}
	}
	ul{
		display : grid;
	}
	li{
		position : relative;
		background-color : white;
		&::before{
			position : absolute;
			font-size : 0;
			pointer-events : none;
			content : "";
			background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974511913" ) center / contain no-repeat;
		}
		a{
			display : grid;
			align-items : center;
			justify-content : stretch;
			width : 100%;
			height : 100%;
			font-weight : 600;
			color : #d82c22;
		}
		span{
			width : fit-content;
			margin-inline : auto;
			letter-spacing : .09em;
		}
	}
	@media screen and ( width <= 750px ){
		margin-bottom : calc( 102 * var( --oldRemBase ) );
		&::before{
			top : calc( 32 * var( --oldRemBase ) );
			right : calc( 20 * var( --oldViewportBase ) );
			width : calc( 195 * var( --oldViewportBase ) );
			height : calc( 199 * var( --oldRemBase ) );
			background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509602" ) center / contain no-repeat;
		}
		.box{
			width : calc( 730 * var( --oldViewportBase ) );
			padding-top : calc( 82 * var( --oldRemBase ) );
			padding-bottom : calc( 71 * var( --oldRemBase ) );
			padding-left : calc( 25 * var( --oldViewportBase ) );
			padding-right : calc( 45 * var( --oldViewportBase ) );
			&::before{
				bottom : calc( 214 * var( --oldRemBase ) );
				right : calc( 8 * 100% / 730 );
				width : calc( 78 * 100% / 730 );
				height : calc( 130 * var( --oldRemBase ) );
			}
			&::after{
				bottom : calc( -11 * var( --oldRemBase ) );
				left : calc( 39 * 100% / 730 );
				width : calc( 112 * 100% / 730 );
				height : calc( 188 * var( --oldRemBase ) );
			}
		}
		hgroup{
			p{
				font-size : calc( 27 * var( --oldRemBase ) );
			}
			h3{
				margin-top : calc( 28 * var( --oldRemBase ) );
				img{
					height : calc( 68 * var( --oldRemBase ) );
				}
			}
		}
		ul{
			grid-template-columns : repeat( 2 , calc( 318 * 100% / 660 ) );
			row-gap : calc( 47 * var( --oldRemBase ) );
			justify-content : space-between;
			margin-top : calc( 73 * var( --oldRemBase ) );
		}
		li{
			height : calc( 188 * var( --oldRemBase ) );
			&::before{
				top : calc( -38 * var( --oldRemBase ) );
				left : calc( 19 * 100% / 318 );
				width : calc( 65 * 100% / 318 );
				height : calc( 81 * var( --oldRemBase ) );
			}
			a{
				padding-inline : calc( 16 * 100% / 318 );
			}
			span{
				font-size : calc( 26 * var( --oldRemBase ) );
				line-height : calc( 47 / 26 );
			}
		}
		.urllist-see-more{
			margin-top : calc( 103 * var( --oldRemBase ) );
			a{
				width : calc( 470 * 100% / 660 );
				margin-left : auto;
			}
		}
	}
	@media print , screen and ( width > 750px ){
		margin-bottom : calc( 56 * var( --remBase ) );
		margin-left : calc( 58 * 100% / 722 );
		&::before{
			bottom : 0;
			left : 0;
			width : calc( 119 * 100% / 664 );
			height : calc( 140 * var( --remBase ) );
			background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974509605" ) center / contain no-repeat;
		}
		.box{
			display : grid;
			grid-template-columns : auto calc( 153 * 100% / 506 );
			row-gap : calc( 29 * var( --remBase ) );
			justify-content : space-between;
			width : calc( 610 * 100% / 664 );
			padding-top : calc( ( 40 - 2.175 ) * var( --remBase ) );
			padding-bottom : calc( 31 * var( --remBase ) );
			padding-left : calc( 72 * 100% / 664 );
			padding-right : calc( 32 * 100% / 664 );
			&::before{
				top : calc( 53 * var( --remBase ) );
				left : calc( -14 * 100% / 610 );
				width : calc( 45 * 100% / 610 );
				height : calc( 75 * var( --remBase ) );
			}
			&::after{
				top : calc( 29 * var( --remBase ) );
				left : calc( 375 * 100% / 610 );
				width : calc( 30 * 100% / 610 );
				height : calc( 50 * var( --remBase ) );
			}
			hgroup{
				display : grid;
				grid-template-columns : auto auto;
				grid-row : 1;
				grid-column : 1;
				column-gap : calc( 5 * var( --remBase ) );
				align-items : start;
				justify-content : space-between;
				justify-content : start;
				&::before{
					position : absolute;
					bottom : calc( 14 * var( --remBase ) );
					right : calc( 14 * 100% / 610 );
					z-index : 1;
					display : block;
					width : calc( 36 * 100% / 610 );
					height : calc( 61 * var( --remBase ) );
					content : "";
					background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/820878482974511918" ) center / contain no-repeat;
				}
				p{
					font-size : calc( 9.26 * var( --remBase ) );
					line-height : calc( 13.61 / 9.26 );
				}
				h3{
					margin-top : calc( 2.175 * var( --remBase ) );
					img{
						height : calc( 25 * var( --remBase ) );
					}
				}
			}
			.urllist-see-more{
				grid-row : 1;
				grid-column : 2;
				margin-top : calc( 4 * var( --remBase ) );
				a{
					width : 100%;
				}
			}
			ul{
				grid-template-columns : repeat( 2 , calc( 244 * 100% / 506 ) );
				grid-row : 2;
				grid-column : 1/3;
				grid-auto-rows : calc( 80 * var( --remBase ) );
				row-gap : calc( 16 * var( --remBase ) );
				justify-content : space-between;
			}
			li{
				&::before{
					top : calc( -12 * var( --remBase ) );
					left : calc( 9 * 100% / 244 );
					width : calc( 19 * 100% / 244 );
					height : calc( 25 * var( --remBase ) );
				}
				a{
					padding-inline : calc( 18 * 100% / 244 );
				}
				span{
					font-size : calc( 13.59 * var( --remBase ) );
					line-height : calc( 22.65 / 13.59 );
				}
			}
		}
	}
}
.page-entry #faq .recent-entries-see-more a{
	position : relative;
	display : block;
	padding : 0;
	margin-right : 0;
	color : white;
	text-align-last : left;
	background-color : transparent;
	background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889975825632" );
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 0;
	&::before{
		position : absolute;
		top : 0;
		display : block;
		content : "";
		background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889975825709" ) 0 0 / contain no-repeat;
		transition : translate .3s ease-in;
	}
	&::after{
		position : relative;
		top : 100%;
		left : 0;
		display : block;
		width : 100%;
		max-width : 0;
		overflow : hidden;
		content : "";
		background-color : white;
		transition : max-width .3s ease-in;
	}
	&:hover{
		background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889975825632" );
		background-repeat : no-repeat;
		background-position : 0 0;
		background-size : contain;
		&::before{
			translate : 50% 0;
		}
		&::after{
			max-width : 100%;
		}
	}
	@media screen and ( width <= 750px ){
		width : calc( 470 * var( --oldViewportBase ) );
		height : calc( 70 * var( --oldRemBase ) );
		margin-left : auto;
		background-size : auto calc( 34 * var( --oldRemBase ) );
		&::before{
			left : calc( 422 * 100% / 470 );
			width : calc( 25 * 100% / 470 );
			height : calc( 39 * var( --oldRemBase ) );
		}
		&::after{
			height : calc( 7 * var( --oldRemBase ) );
		}
		&:hover{
			background-size : auto calc( 34 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		height : calc( 27 * var( --remBase ) );
		margin-left : 0;
		background-size : auto calc( 12 * var( --remBase ) );
		&::before{
			left : calc( 210 * 100% / 225 );
			width : calc( 8 * 100% / 225 );
			height : calc( 13 * var( --remBase ) );
		}
		&::after{
			height : calc( 2 * var( --remBase ) );
		}
		&:hover{
			background-size : auto calc( 12 * var( --remBase ) );
		}
	}
}
#main #entry-footer-secondary-modules .hatena-module-related-entries{
	display : grid;
	align-items : start;
	.hatena-module-title{
		flex-shrink : 0;
		width : auto;
		text-indent : -100vw;
		background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613683157887" ) center top / contain no-repeat;
	}
	.related-entries-image-link{
		aspect-ratio : 1;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
			margin : 0;
		}
	}
	li{
		margin-bottom : 0;
	}
	.related-entries-title{
		margin : 0;
		font-weight : 400;
		letter-spacing : .1em;
	}
	.related-entries-title-link{
		width : auto;
		&::before , &::after{
			content : none;
		}
	}
	.urllist-title-link{
		max-height : auto;
		overflow : visible;
	}
	@media screen and ( width <= 750px ){
		grid-template-columns : auto calc( 608 * 100% / 676 );
		justify-content : space-between;
		width : 100%;
		padding-top : calc( 110 * var( --oldRemBase ) );
		padding-left : calc( 44 * var( --oldViewportBase ) );
		padding-right : calc( 30 * var( --oldViewportBase ) );
		overflow : hidden;
		.related-entries.hatena-urllist{
			row-gap : calc( 48 * var( --oldRemBase ) );
		}
		.related-entries.hatena-urllist > li{
			width : 100%;
			margin-bottom : 0;
		}
		.hatena-module-title{
			height : calc( 351 * var( --oldRemBase ) );
			aspect-ratio : 43 / 351;
		}
		.related-entries-item-inner{
			display : flex;
			align-items : flex-start;
		}
		.related-entries-image-link{
			display : block;
			flex-shrink : 0;
			height : calc( 280 * var( --oldRemBase ) );
			margin-right : calc( 16 * 100% / 599 );
		}
		.related-entries-title{
			display : block;
			flex-grow : 1;
			padding-top : calc( 29 * var( --oldRemBase ) );
			font-size : calc( 31 * var( --oldRemBase ) );
			line-height : 1.5;
		}
		+ .hatena-module.hatena-module-html{
			margin-top : calc( 72 * var( --oldRemBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		grid-template-columns : calc( 34 * 100% / 722 ) calc( 664 * 100% / 722 );
		justify-content : space-between;
		margin-top : calc( 45 * var( --remBase ) );
		.hatena-module-title{
			height : calc( 277 * var( --remBase ) );
			aspect-ratio : 34/277;
		}
		ul{
			display : flex;
			flex-wrap : wrap;
			row-gap : calc( 35 * var( --remBase ) );
			justify-content : space-between;
		}
		li{
			width : calc( 314 * 100% / 664 );
		}
		.related-entries-item-inner{
			display : grid;
			grid-template-columns : auto 1fr;
			column-gap : calc( 16 * 100% / 314 );
			align-items : start;
		}
		.related-entries-image-link{
			flex-shrink : 0;
			height : calc( 142 * var( --remBase ) );
		}
		.related-entries-title{
			margin-top : calc( -5 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : 1.5556;
		}
	}
}
.page-entry #series{
	.box{
		display : grid;
		align-items : start;
	}
	h4{
		flex-shrink : 0;
	}
	ul a{
		display : block;
	}
	@media screen and ( width <= 750px ){
		.box{
			grid-template-columns : calc( 43 * 100% / 706 ) 1fr;
			column-gap : calc( 24 * 100% / 706 );
			padding-left : calc( 44 * var( --oldViewportBase ) );
		}
		h4{
			img{
				width : 100%;
				height : auto;
			}
		}
		ul{
			flex-grow : 1;
			li + li{
				margin-top : calc( 20 * var( --oldRemBase ) );
			}
			img{
				width : 100%;
				height : auto;
			}
		}
		.link02{
			margin-top : calc( 48 * var( --oldRemBase ) );
			margin-left : calc( 111 * var( --oldViewportBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( 64 * var( --remBase ) );
		.box{
			grid-template-columns : calc( 34 * 100% / 722 ) calc( 664 * 100% / 722 );
			justify-content : space-between;
		}
		h4{
			img{
				height : calc( 151 * var( --remBase ) );
			}
		}
		ul{
			display : flex;
			flex-wrap : wrap;
			row-gap : calc( 32 * var( --remBase ) );
			justify-content : space-between;
			img{
				height : calc( 178 * var( --remBase ) );
			}
		}
		.link02{
			margin-top : calc( 45 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
AUTHOR SINGLE
--------------------------------------------- */
body[class*="static-page-author/"]{
	@media screen and ( width <= 750px ){
		#content{
			padding-top : calc( 72 * var( --oldRemBase ) );
		}
		.entry-inner{

		}
	}
	@media print , screen and ( width > 750px ){
		#content{
			padding-top : calc( 54 * var( --remBase ) );
		}
	}
	#authorHead{
		flex-shrink : 0;
		picture{
			width : auto;
			aspect-ratio : 1;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
		.entry-title{
			margin : 0;
			line-height : 1;
			a{
				display : block;
				font-weight : 600;
				line-height : 1;
				letter-spacing : .24em;
			}
		}
		p{
			margin-bottom : 0;
			font-weight : 400;
			letter-spacing : .24em;
		}
		ul{
			display : flex;
			flex-wrap : wrap;
			a{
				&::before{
					content : "▶︎";
				}
				font-weight : 400;
				line-height : 1;
				color : #cb252f;
				letter-spacing : .24em;
			}
		}
		@media screen and ( width <= 750px ){
			padding-left : calc( 116 * var( --oldViewportBase ) );
			padding-right : calc( 116 * var( --oldViewportBase ) );
			picture{
				height : calc( 318 * var( --oldRemBase ) );
				margin-left : auto;
				margin-right : auto;
			}
			.entry-title{
				margin-top : calc( 30 * var( --oldRemBase ) );
				font-size : calc( 24 * var( --oldRemBase ) );
				text-align : center;
			}
			p{
				margin-top : calc( ( 24 - 5.555 ) * var( --oldRemBase ) );
				font-size : calc( 20 * var( --oldRemBase ) );
				line-height : 1.5555;
			}
			ul{
				column-gap : calc( 20 * 100% / 518 );
				margin-top : calc( 18 * var( --oldRemBase ) );
				a{
					font-size : calc( 20 * var( --oldRemBase ) );
				}
			}
		}
		@media print , screen and ( width > 750px ){
			display : grid;
			grid-template-columns : calc( 184 * 100% / 662 ) 1fr;
			picture{
				grid-row : 1/5;
				grid-column : 1/2;
				height : calc( 184 * var( --remBase ) );
				margin-left : calc( -15 * 100% / 184 );
			}
			.entry-title{
				grid-row : 2/3;
				grid-column : 2/3;
				padding-left : calc( 35 * 100% / 662 );
				font-size : calc( 16 * var( --remBase ) );
			}
			ul{
				grid-row : 3/4;
				grid-column : 2/3;
				column-gap : calc( 16 * 100% / 662 );
				padding-top : calc( 14 * var( --remBase ) );
				padding-left : calc( 35 * 100% / 662 );
				a{
					font-size : calc( 16 * var( --remBase ) );
				}
			}
			p{
				grid-row : 5/6;
				grid-column : 1/3;
				padding-top : calc( ( 26 - 3.5 ) * var( --remBase ) );
				font-size : calc( 12 * var( --remBase ) );
				line-height : calc( 19 / 12 );
			}
		}
	}
	#listsAuthor{
		li > a{
			display : flex;
			width : 100%;
		}
		.bg{
			flex-shrink : 0;
			width : auto;
			aspect-ratio : 1;
			background-repeat : no-repeat;
			background-position : center;
			background-size : cover;
		}
		li > a > div:nth-of-type( 2 ){
			display : flex;
			flex-direction : column;
			justify-content : space-between;
			width : 100%;
		}
		h3{
			margin-bottom : 0;
			font-weight : 400;
			letter-spacing : .1em;
		}
		p.time , time{
			font-weight : 400;
			line-height : 1;
			letter-spacing : .15em;
		}
		@media screen and ( width <= 750px ){
			padding-left : calc( 116 * var( --oldViewportBase ) );
			padding-right : calc( 116 * var( --oldViewportBase ) );
			margin-top : calc( 80 * var( --oldRemBase ) );
			li{
				+li{
					margin-top : calc( 54 * var( --oldRemBase ) );
				}
			}
			.bg{
				height : calc( 300 * var( --oldRemBase ) );
				margin-right : calc( 24 * 100% / 518 );
			}
			h3{
				margin-top : calc( -6 * var( --oldRemBase ) );
				font-size : calc( 28 * var( --oldRemBase ) );
				line-height : calc( 40 / 28 );
			}
			p.time , time{
				font-size : calc( 24.2 * var( --oldRemBase ) );
			}
		}
		@media print , screen and ( width > 750px ){
			display : flex;
			flex-wrap : wrap;
			align-items : flex-start;
			justify-content : space-between;
			padding-left : calc( 15 * 100% / 662 );
			margin-top : calc( ( 56 - 3.5 ) * var( --remBase ) );
			li{
				width : calc( 314 * 100% / 647 );
				&:nth-child( n+3 ){
					margin-top : calc( 30 * var( --remBase ) );
				}
				a{
					column-gap : calc( 16 * 100% / 314 );
				}
			}
			.bg{
				height : calc( 142 * var( --remBase ) );
			}
			h3{
				margin-top : calc( -5 * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 28 / 18 );
			}
			p.time , time{
				font-size : calc( 13 * var( --remBase ) );
			}
		}
	}
}