@charset "UTF-8";

/* --------------------------------------------
TOP
--------------------------------------------- */
@media print , screen and ( min-width : 751px ){
	.page-index .hatena-module-recent-entries .urllist-see-more{
		width : calc( 240 * 100% / 840 );
	}
}
#header-modules .recent-entries{
	all : unset;
	box-sizing : border-box;
	font-family : var( --fontFamily );
}
#header-modules .recent-entries .urllist-item{
	all : unset;
	box-sizing : border-box;
	font-family : var( --fontFamily );
}
#header-modules .recent-entries .thumbnails{
	display : block;
}
#header-modules .recent-entries picture{
	width : 100%;
}
#header-modules .recent-entries picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#header-modules .recent-entries picture:empty{
	background-color : #808080;
}
#header-modules .recent-entries :where( h2,h3 ){
	font-weight : 700;
}
@media screen and ( max-width : 750px ){
	#header-modules .recent-entries{
		display : block;
	}
	#header-modules .recent-entries > li{
		display : block;
	}
	#header-modules .recent-entries > li + li{
		display : block ! important;
		margin-top : calc( 80 var( --remBase ) ) ! important;
	}
	#header-modules .recent-entries picture{
		height : calc( 420 var( --remBase ) );
	}
	#header-modules .recent-entries h3{
		margin-top : calc( ( 36 - 11 ) var( --remBase ) );
		font-size : calc( 56 var( --remBase ) );
		line-height : calc( 78 / 56 );
	}
	#header-modules .recent-entries .tags{
		column-gap : calc( 18 var( --percentBase ) );
		margin-top : calc( ( 36 - 11 ) var( --remBase ) );
	}
	#header-modules .recent-entries .tags > a{
		width : calc( 154 var( --percentBase ) );
		height : calc( 40 var( --remBase ) );
		font-size : calc( 22 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#header-modules .recent-entries{
		display : grid;
		grid-template-columns : repeat( 2 , calc( 380 * 100% / 840 ) );
		row-gap : calc( 50 var( --remBase ) );
		align-items : start;
		justify-content : space-between;
	}
	#header-modules .recent-entries picture{
		height : calc( 240 var( --remBase ) );
	}
	#header-modules .recent-entries h3{
		margin-top : calc( ( 16 - 6.5 ) var( --remBase ) );
		font-size : calc( 31 var( --remBase ) );
		line-height : calc( 44 / 31 );
	}
	#header-modules .recent-entries .tags{
		row-gap : calc( 4 var( --remBase ) );
		column-gap : calc( 4 * 100% / 380 );
		margin-top : calc( ( 22 - 6.5 ) var( --remBase ) );
	}
	#header-modules .recent-entries .tags > a{
		width : calc( 86 * 100% / 380 );
		height : calc( 25 var( --remBase ) );
		font-size : calc( 13 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#header-modules .hatena-module-recent-entries{
		padding-bottom : calc( 76 var( --remBase ) );
	}
	#header-modules .hatena-module-recent-entries .recent-entries{
		margin-top : calc( 58 var( --remBase ) );
	}
	#header-modules .hatena-module-recent-entries .urllist-see-more{
		margin-top : calc( 56 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#header-modules .hatena-module-recent-entries{
		padding-top : calc( 44 var( --remBase ) );
		padding-bottom : calc( 72 var( --remBase ) );
	}
	#header-modules .hatena-module-recent-entries .recent-entries{
		margin-top : calc( 52 var( --remBase ) );
	}
	#header-modules .hatena-module-recent-entries .urllist-see-more{
		margin-top : calc( 50 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	.page-index .hatena-module-category{
		padding-bottom : calc( 156 var( --remBase ) );
	}
	.page-index .hatena-module-category .hatena-urllist{
		row-gap : calc( 52 var( --remBase ) );
		column-gap : calc( 50 var( --percentBase ) );
		margin-top : calc( 70 var( --remBase ) ) ! important;
	}
	.page-index .hatena-module-category .hatena-urllist li{
		width : calc( 190 var( --percentBase ) );
		height : calc( 48 var( --remBase ) );
	}
	.page-index .hatena-module-category .hatena-urllist a{
		font-size : calc( 28 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-index .hatena-module-category{
		padding-bottom : calc( 98 var( --remBase ) );
	}
	.page-index .hatena-module-category .hatena-urllist{
		row-gap : calc( 20 var( --remBase ) );
		column-gap : calc( ( 152 / 7 ) * 100% / 840 );
		margin-top : calc( 50 var( --remBase ) ) ! important;
	}
	.page-index .hatena-module-category .hatena-urllist li{
		width : calc( 86 * 100% / 840 );
		height : calc( 25 var( --remBase ) );
	}
	.page-index .hatena-module-category .hatena-urllist a{
		font-size : calc( 13 var( --remBase ) );
	}
}
:where( #backnumber , #tepco ) a{
	display : block;
	margin-inline : auto;
	transition : opacity .3s ease-in;
}
:where( #backnumber , #tepco ) a:hover{
	opacity : .8;
}
@media screen and ( max-width : 750px ){
	:where( #backnumber , #tepco ) a{
		width : calc( 482 var( --percentBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( #backnumber , #tepco ){
		padding-bottom : calc( 62 var( --remBase ) );
	}
	:where( #backnumber , #tepco ) a{
		width : calc( 380 * 100% / 840 );
		margin-top : calc( 52 var( --remBase ) );
	}
	:where( #backnumber , #tepco ) a.is-sp{
		display : none;
	}
}
#backnumber h3{
	display : grid;
	grid-template-columns : 1fr auto 1fr;
	align-content : center;
	align-items : center;
}
#backnumber h3::before , #backnumber h3::after{
	display : block;
	grid-row : 1/3;
	grid-column : 1;
	font-size : 0;
	content : "";
	background-color : currentColor;
}
#backnumber h3::before{
	grid-column : 1;
}
#backnumber h3::after{
	grid-column : 3;
}
#backnumber h3 > span{
	grid-row : 1;
	grid-column : 2;
	line-height : 1;
}
#backnumber h3 span span{
	display : block;
	font-weight : 700;
	line-height : 1;
	text-align : center;
	text-indent : .03em;
	letter-spacing : .03em;
}
@media screen and ( max-width : 750px ){
	#backnumber{
		padding-bottom : calc( 98 var( --remBase ) );
	}
	#backnumber h3{
		column-gap : calc( 20 var( --percentBase ) );
	}
	#backnumber h3::before , #backnumber h3::after{
		height : calc( 6 var( --remBase ) );
	}
	#backnumber h3 img{
		height : calc( 40 var( --remBase ) );
	}
	#backnumber h3 span span{
		margin-top : calc( 20 var( --remBase ) );
		font-size : 4rem;
	}
	#backnumber a{
		margin-top : calc( 54 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#backnumber h3{
		column-gap : calc( 16 * 100% / 840 );
	}
	#backnumber h3 > span{
		display : grid;
		grid-template-columns : auto auto;
		column-gap : calc( 6 * 100% / 840 );
		align-items : end;
		justify-content : center;
	}
	#backnumber h3::before , #backnumber h3::after{
		height : calc( 3 var( --remBase ) );
	}
	#backnumber h3 img{
		height : calc( 27 var( --remBase ) );
	}
	#backnumber h3 span span{
		font-size : 3rem;
	}
}
#tepco{
	background-color : #f4f4f4;
}
@media screen and ( max-width : 750px ){
	#tepco{
		padding-top : calc( 70 var( --remBase ) );
		padding-bottom : calc( 104 var( --remBase ) );
	}
	#tepco .title01 img{
		height : calc( 44 var( --remBase ) );
	}
	#tepco .title01 + a{
		margin-top : calc( 122 var( --remBase ) );
	}
	#tepco a + a{
		margin-top : calc( 62 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#tepco{
		padding-top : calc( 64 var( --remBase ) );
	}
	#tepco .title01 img{
		height : calc( 30 var( --remBase ) );
	}
}

/* --------------------------------------------
ENTRY
--------------------------------------------- */
.page-entry .author{
	display : grid;
	align-items : start;
	border-color : #000;
	border-style : solid;
}
.page-entry .author h5{
	all : unset;
	box-sizing : border-box;
	display : block;
	grid-row : 1;
	grid-column : 1/3;
	font-family : var( --fontFamily );
	font-weight : 700;
	line-height : 1;
	color : #000;
	border-bottom-color : currentColor;
	border-bottom-style : solid;
}
.page-entry .author h5::before , .page-entry .author h5::after{
	content : none;
}
.page-entry .author img{
	grid-row : 3/7;
	grid-column : 1/2;
	width : 100%;
	aspect-ratio : 1;
	margin : 0;
	overflow : hidden;
	border-radius : 50%;
}
.page-entry .author h6{
	all : unset;
	box-sizing : border-box;
	display : block;
	grid-row : 3/4;
	grid-column : 2/3;
	font-family : var( --fontFamily );
	font-weight : 700;
	line-height : 1;
	color : #000;
}
.page-entry .author p{
	all : unset;
	box-sizing : border-box;
	display : block;
	grid-row : 5/6;
	grid-column : 2/3;
	font-family : var( --fontFamily );
	font-weight : 700;
}
@media screen and ( max-width : 750px ){
	.page-entry .author{
		grid-template-rows : auto calc( 26 var( --remBase ) ) auto calc( ( 18 - 5 ) var( --remBase ) ) auto auto;
		grid-template-columns : calc( 160 * 100% / 622 ) 1fr;
		column-gap : calc( 34 * 100% / 622 );
		padding-inline : calc( 20 var( --percentBase ) );
		padding-top : calc( 22 var( --remBase ) );
		padding-bottom : calc( 30 var( --remBase ) );
		border-width : calc( 4 var( --remBase ) );
	}
	.page-entry .author h5{
		padding-bottom : calc( 10 var( --remBase ) );
		font-size : calc( 30 var( --remBase ) );
		border-bottom-width : calc( 6 var( --remBase ) );
	}
	.page-entry .author img{
		height : calc( 160 var( --remBase ) );
	}
	.page-entry .author h6{
		padding-top : calc( 26 var( --remBase ) );
		font-size : calc( 30 var( --remBase ) );
	}
	.page-entry .author p{
		font-size : calc( 24 var( --remBase ) );
		line-height : calc( 34 / 24 );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry .author{
		grid-template-rows : auto calc( 17 var( --remBase ) ) auto calc( ( 12 - 4 ) var( --remBase ) ) auto auto;
		grid-template-columns : calc( 101 * 100% / 599 ) 1fr;
		column-gap : calc( 24 * 100% / 599 );
		padding-inline : calc( 25 * 100% / 655 );
		padding-top : calc( 15 var( --remBase ) );
		padding-bottom : calc( 34 var( --remBase ) );
		border-width : calc( 3 var( --remBase ) );
	}
	.page-entry .author h5{
		padding-bottom : calc( 9 var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		border-bottom-width : calc( 5 var( --remBase ) );
	}
	.page-entry .author img{
		height : calc( 101 var( --remBase ) );
	}
	.page-entry .author h6{
		padding-top : calc( 12 var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
	}
	.page-entry .author p{
		font-size : calc( 16 var( --remBase ) );
		line-height : 1.5;
	}
}
#contents h3{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	line-height : 1;
}
#contents h3 strong{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	font-weight : 700;
	color : var( --body );
	border-bottom-color : currentColor;
	border-bottom-style : solid;
}
#contents img{
	width : 100%;
	height : auto;
}
#contents > p{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	color : #000;
}
#contents > h4{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	font-weight : 700;
	color : #000;
}
#contents blockquote{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	border-color : #000;
	border-style : solid;
}
#contents blockquote :where( h6 , p ){
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	color : #000;
}
#contents > h6{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	font-weight : 400;
	color : #000;
}
#contents > h5{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	font-weight : 700;
	color : #000;
}
#contents .column{
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	border-color : #000;
	border-style : solid;
}
#contents .column :where( h4 , p ){
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	color : #000;
}
#contents .column :where( h4 ){
	font-weight : 700;
}
#contents p.img{
	line-height : 1;
}
#contents .links{
	all : unset;
	box-sizing : border-box;
	display : flex;
	flex-wrap : wrap;
	font-family : var( --fontFamily );
	border-color : #000;
	border-style : solid;
}
#contents .links :where( h5 , p ){
	all : unset;
	box-sizing : border-box;
	display : block;
	font-family : var( --fontFamily );
	color : #000;
}
#contents .links :where( h5 ){
	width : 100%;
	font-weight : 700;
}
#contents .links p img{
	width : 100%;
	height : auto;
}
#contents .links > div{
	width : 100%;
}
#contents .links a{
	display : grid;
	place-items : center;
	margin-left : auto;
	font-weight : 700;
	background-color : #ffff8a;
	border-color : currentColor;
	border-style : solid;
	@mixiin ls .03;
}
#contents .frame{
	border-color : #000;
	border-style : solid;
}
#contents figure p{
	font-size : 0;
	line-height : 1;
}
#contents figure figcaption{
	text-align-last : left;
}
#contents a{
	word-break : break-all;
}
@media screen and ( max-width : 750px ){
	#contents{
		order : 6;
		padding-inline : calc( 40 * 100% / 750 );
		padding-bottom : calc( 96 var( --remBase ) );
		margin-top : calc( ( 112 - 11 ) var( --remBase ) );
	}
	#contents .author + h3{
		margin-top : calc( ( 90 - 14 ) var( --remBase ) );
	}
	#contents > h3 strong{
		padding-bottom : calc( ( 32 - 14 ) var( --remBase ) );
		font-size : calc( 54 var( --remBase ) );
		line-height : calc( 82 / 54 );
		border-bottom-width : calc( 10 var( --remBase ) );
	}
	#contents > h3 + p{
		margin-top : calc( 46 var( --remBase ) );
	}
	#contents > p{
		font-size : calc( 30 var( --remBase ) );
		line-height : 2;
	}
	#contents > p + p{
		margin-top : calc( ( 48 - 15 ) var( --remBase ) );
	}
	#contents > h4{
		font-size : calc( 44 var( --remBase ) );
		line-height : calc( 92 / 44 );
	}
	#contents > p + h4{
		margin-top : calc( ( 56 - 9.5 - 14 ) var( --remBase ) );
	}
	#contents > h4 + p{
		margin-top : calc( ( 48 - 24 - 15 ) var( --remBase ) );
	}
	#contents blockquote{
		padding-inline : calc( 48 var( --percentBase ) );
		margin-top : calc( ( 46 - 9.5 ) var( --remBase ) );
		border-width : calc( 4 var( --remBase ) );
	}

	/* padding-top: calc( ( 66 - 15 ) var(--remBase) ); */
	/* padding-bottom: calc( ( 70 - 15 ) var(--remBase) ); */
	#contents blockquote :where( h6 , p ){
		font-size : calc( 30 var( --remBase ) );
		line-height : 2;
	}
	#contents > h6{
		font-size : calc( 30 var( --remBase ) );
		line-height : 2;
	}
	#contents > p + blockquote{
		margin-top : calc( ( 64 - 15 ) var( --remBase ) );
	}
	#contents > h5{
		font-size : calc( 40 var( --remBase ) );
		line-height : 2.29;
	}
	#contents > blockquote + h5{
		margin-top : calc( ( 48 - 26 ) var( --remBase ) );
	}
	#contents > h5 + p{
		margin-top : calc( ( 50 - 26 - 15 ) var( --remBase ) );
	}
	#contents .column{
		padding-inline : calc( 32 var( --percentBase ) );
		padding-top : calc( ( 42 - 21 ) var( --remBase ) );
		padding-bottom : calc( ( 92 - 15 ) var( --remBase ) );
		border-width : calc( 4 var( --remBase ) );
	}
	#contents .column :where( h4 ){
		font-size : calc( 50 var( --remBase ) );
		line-height : 1.84;
	}
	#contents .column p{
		font-size : calc( 30 var( --remBase ) );
		line-height : 2;
	}
	#contents .column p.img{
		width : calc( 400 * 100% / 598 );
		margin-top : calc( ( 40 - 21 ) var( --remBase ) );
	}
	#contents .column p:not( .img ){
		margin-top : calc( ( 42 - 15 ) var( --remBase ) );
	}
	#contents > p + .column{
		margin-top : calc( ( 64 - 15 ) var( --remBase ) );
	}
	#contents > .column + p{
		margin-top : calc( ( 48 - 15 ) var( --remBase ) );
	}
	#contents .links{
		column-gap : calc( 24 * 100% / 598 );
		padding-inline : calc( 32 var( --percentBase ) );
		padding-top : calc( ( 28 - 22 ) var( --remBase ) );
		padding-bottom : calc( 30 var( --remBase ) );
		border-width : calc( 4 var( --remBase ) );
	}
	#contents .links :where( h5 ){
		margin-bottom : calc( ( 30 - 22 ) var( --remBase ) );
		font-size : calc( 36 var( --remBase ) );
		line-height : calc( 80 / 36 );
	}
	#contents .links > p{
		width : calc( 160 * 100% / 598 );
	}
	#contents .links > p + div{
		width : calc( 414 * 100% / 598 );
	}
	#contents .links > div p{
		margin-top : calc( -8 var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 42 / 26 );
	}
	#contents .links a{
		width : calc( 428 * 100% / 598 );
		margin-top : calc( ( 42 - 8 ) var( --remBase ) );
		font-size : 4.4rem;
		border-width : calc( 4 var( --remBase ) );
		border-radius : calc( 16 var( --remBase ) );
	}
	#contents .links > p + div a{
		width : 100%;
	}
	#contents > p + .links{
		margin-top : calc( ( 64 - 15 ) var( --remBase ) );
	}
	#contents .frame{
		margin-top : calc( 64 var( --remBase ) );
		border-width : calc( 4 var( --remBase ) );
	}
	#contents .frame > h3 strong{
		padding-bottom : calc( ( 32 - 14 ) var( --remBase ) );
		font-size : calc( 54 var( --remBase ) );
		line-height : calc( 82 / 54 );
		border-bottom-width : calc( 10 var( --remBase ) );
	}
	#contents .frame > h3 + p{
		margin-top : calc( 46 var( --remBase ) );
	}
	#contents .frame > p{
		font-size : calc( 30 var( --remBase ) );
		line-height : 2;
	}
	#contents .frame > p + p{
		margin-top : calc( ( 48 - 15 ) var( --remBase ) );
	}
	#contents .frame > h4{
		font-size : calc( 44 var( --remBase ) );
		line-height : calc( 92 / 44 );
	}
	#contents .frame > p + h4{
		margin-top : calc( ( 56 - 9.5 - 14 ) var( --remBase ) );
	}
	#contents .frame > h4 + p{
		margin-top : calc( ( 48 - 24 - 15 ) var( --remBase ) );
	}
	#contents .frame > h5{
		font-size : calc( 40 var( --remBase ) );
		line-height : 2.29;
	}
	#contents .frame > h6{
		font-size : calc( 30 var( --remBase ) );
		line-height : 2;
	}
	#contents .frame > h5 + p{
		margin-top : calc( ( 50 - 26 - 15 ) var( --remBase ) );
	}
	#contents figure figcaption{
		font-size : calc( 29 var( --remBase ) );
		line-height : calc( 46 / 29 );
	}
}
@media print , screen and ( min-width : 751px ){
	#contents .author + h3{
		margin-top : calc( ( 50 - 12.5 ) var( --remBase ) );
	}
	#contents > h3 strong{
		padding-bottom : calc( ( 10 - 12.5 ) var( --remBase ) );
		font-size : calc( 36 var( --remBase ) );
		line-height : calc( 61 / 36 );
		border-bottom-width : calc( 7 var( --remBase ) );
	}
	#contents > h3 + p{
		margin-top : calc( 23 var( --remBase ) );
	}
	#contents > p{
		font-size : calc( 21 var( --remBase ) );
		line-height : calc( 40 / 21 );
	}
	#contents > p + p{
		margin-top : calc( ( 28 - 9.5 ) var( --remBase ) );
	}
	#contents > h4{
		font-size : calc( 33 var( --remBase ) );
		line-height : calc( 61 / 33 );
	}
	#contents > p + h4{
		margin-top : calc( ( 56 - 9.5 - 14 ) var( --remBase ) );
	}
	#contents > h4 + p{
		margin-top : calc( ( 30 - 14 - 9.5 ) var( --remBase ) );
	}
	#contents blockquote{
		padding-inline : calc( 45 * 100% / 655 );
		margin-top : calc( ( 46 - 9.5 ) var( --remBase ) );
		border-width : calc( 3 var( --remBase ) );
	}

	/* padding-top: calc( ( 42 - 9.5 ) var(--remBase) ); */
	/* padding-bottom: calc( ( 51 - 9.5 ) var(--remBase) ); */
	#contents blockquote :where( h6 , p ){
		font-size : calc( 21 var( --remBase ) );
		line-height : calc( 40 / 21 );
	}
	#contents > h6{
		font-size : calc( 21 var( --remBase ) );
		line-height : calc( 40 / 21 );
	}
	#contents > p + blockquote{
		margin-top : calc( ( 46 - 9.5 ) var( --remBase ) );
	}
	#contents > h5{
		font-size : calc( 27 var( --remBase ) );
		line-height : calc( 61 / 27 );
	}
	#contents blockquote + h5{
		margin-top : calc( ( 26 - 17 ) var( --remBase ) );
	}
	#contents > h5 + p{
		margin-top : calc( ( 28 - 17 - 9.5 ) var( --remBase ) );
	}
	#contents .column{
		display : grid;
		grid-template-columns : calc( 260 * 100% / 585 ) 1fr;
		column-gap : calc( 42 * 100% / 585 );
		padding-inline : calc( 35 * 100% / 655 );
		padding-top : calc( ( 31 - 14 ) var( --remBase ) );
		padding-bottom : calc( 38 var( --remBase ) );
		border-width : calc( 3 var( --remBase ) );
	}
	#contents .column :where( h4 ){
		grid-row : 1;
		grid-column : 1/-1;
		padding-left : calc( 26 * 100% / 585 );
		font-size : calc( 33 var( --remBase ) );
		line-height : calc( 61 / 33 );
	}
	#contents .column p.img{
		grid-row : 2;
		grid-column : 1;
		margin-top : calc( ( 22 - 14 ) var( --remBase ) );
	}
	#contents .column p:not( .img ){
		grid-row : 2;
		grid-column : 2;
		margin-top : calc( ( -5 - 14 - 9.5  ) var( --remBase ) );
		font-size : calc( 21 var( --remBase ) );
		line-height : calc( 40 / 21 );
	}
	#contents > p + .column{
		margin-top : calc( ( 46 - 9.5 ) var( --remBase ) );
	}
	#contents > .column + p{
		margin-top : calc( ( 28 - 9.5 ) var( --remBase ) );
	}
	#contents .links{
		column-gap : calc( 24 * 100% / 607 );
		padding-inline : calc( 21 * 100% / 655 );
		padding-top : calc( ( 20 - 15 ) var( --remBase ) );
		padding-bottom : calc( 19 var( --remBase ) );
		border-width : calc( 3 var( --remBase ) );
	}
	#contents .links :where( h5 ){
		margin-bottom : calc( ( 16 - 15 ) var( --remBase ) );
		font-size : calc( 24 var( --remBase ) );
		line-height : 2.25;
	}
	#contents .links > p{
		width : calc( 110 * 100% / 607 );
	}
	#contents .links > p + div{
		width : calc( 473 * 100% / 607 );
	}
	#contents .links > p + div a{
		width : calc( 290 * 100% / 473 );
		font-size : 3rem;
		border-width : calc( 2 var( --remBase ) );
		border-radius : calc( 8 var( --remBase ) );
	}
	#contents .links > div p{
		margin-top : calc( -5 var( --remBase ) );
		font-size : calc( 18 var( --remBase ) );
		line-height : calc( 28 / 18 );
	}
	#contents .links a{
		margin-top : calc( ( 17 - 10 ) var( --remBase ) );
	}
	#contents .links div a{
		width : calc( 290 * 100% / 607 );
	}
	#contents .links > p + div a{
		width : calc( 290 * 100% / 473 );
	}
	#contents > p + .links{
		margin-top : calc( ( 46 - 9.5 ) var( --remBase ) );
	}
	#contents .frame{
		margin-top : calc( 46 var( --remBase ) );
		border-width : calc( 3 var( --remBase ) );
	}
	#contents .frame > h3 strong{
		padding-bottom : calc( ( 10 - 12.5 ) var( --remBase ) );
		font-size : calc( 36 var( --remBase ) );
		line-height : calc( 61 / 36 );
		border-bottom-width : calc( 7 var( --remBase ) );
	}
	#contents .frame > h3 + p{
		margin-top : calc( 23 var( --remBase ) );
	}
	#contents .frame > p{
		font-size : calc( 21 var( --remBase ) );
		line-height : calc( 40 / 21 );
	}
	#contents .frame > p + p{
		margin-top : calc( ( 28 - 9.5 ) var( --remBase ) );
	}
	#contents .frame > h4{
		font-size : calc( 33 var( --remBase ) );
		line-height : calc( 61 / 33 );
	}
	#contents .frame > p + h4{
		margin-top : calc( ( 56 - 9.5 - 14 ) var( --remBase ) );
	}
	#contents .frame > h4 + p{
		margin-top : calc( ( 30 - 14 - 9.5 ) var( --remBase ) );
	}
	#contents .frame > h6{
		font-size : calc( 21 var( --remBase ) );
		line-height : calc( 40 / 21 );
	}
	#contents .frame > h5{
		font-size : calc( 27 var( --remBase ) );
		line-height : calc( 61 / 27 );
	}
	#contents .frame > h5 + p{
		margin-top : calc( ( 28 - 17 - 9.5 ) var( --remBase ) );
	}
	#contents figure figcaption{
		font-size : calc( 17 var( --remBase ) );
		line-height : calc( 28 / 17 );
	}
}

/* --------------------------------------------
CATEGORY ARCHIVES
--------------------------------------------- */
.page-archive .archive-entries .archive-entry , .page-archive-category .archive-entries .archive-entry{
	all : unset;
	box-sizing : border-box;
	display : grid;
	grid-auto-flow : row;
	font-family : var( --fontFamily );
}
.page-archive .archive-entries .entry-thumb-link , .page-archive-category .archive-entries .entry-thumb-link{
	display : block;
	order : 1;
}
.page-archive .archive-entries .entry-thumb , .page-archive-category .archive-entries .entry-thumb{
	float : none;
	width : 100%;
	height : 100%;
	margin : 0;
}
.page-archive .archive-entries .archive-entry-header , .page-archive-category .archive-entries .archive-entry-header{
	order : 2;
}
.page-archive .archive-entries .archive-date , .page-archive-category .archive-entries .archive-date{
	font-size : inherit;
}
.page-archive .archive-entries .archive-date time span , .page-archive-category .archive-entries .archive-date time span{
	font-weight : 700;
	color : var( --body );
}
.page-archive .archive-entries .archive-date .hyphen , .page-archive-category .archive-entries .archive-date .hyphen{
	font-size : 0;
}
.page-archive .archive-entries .archive-date .hyphen::before , .page-archive-category .archive-entries .archive-date .hyphen::before{
	font-weight : 700;
	color : var( --body );
	content : ".";
}
.page-archive .archive-entries .entry-title , .page-archive-category .archive-entries .entry-title{
	margin : 0;
	font-size : inherit;
	line-height : 1;
}
.page-archive .archive-entries .entry-title a , .page-archive-category .archive-entries .entry-title a{
	font-weight : 700;
	color : var( --body );
}
.page-archive .archive-entries .entry-title a:hover , .page-archive-category .archive-entries .entry-title a:hover{
	-webkit-text-decoration : none;
	text-decoration : none;
}
.page-archive .archive-entries .categories , .page-archive-category .archive-entries .categories{
	display : flex;
	flex-wrap : wrap;
	order : 3;
	margin : 0;
}
.page-archive .archive-entries .categories a , .page-archive-category .archive-entries .categories a{
	all : unset;
	box-sizing : border-box;
	display : grid;
	place-items : center;
	font-family : var( --fontFamily );
	font-weight : 700;
	color : #000;
	cursor : pointer;
	border-color : var( --tagBorderColor );
	border-style : solid;
}
.page-archive .archive-entries .archive-entry-body , .page-archive-category .archive-entries .archive-entry-body{
	display : none;
}
@media screen and ( max-width : 750px ){
	.page-archive .archive-entries ,
	.page-archive-category .archive-entries{
		padding-top : calc( 36 var( --remBase ) );
		padding-bottom : calc( 128 var( --remBase ) );
	}
	.page-archive .archive-entries .archive-entry , .page-archive-category .archive-entries .archive-entry{
		width : 100%;
		padding-inline : calc( 40 * 100% / var( --breakpoint ) );
	}
	.page-archive .archive-entries .archive-entry + .archive-entry , .page-archive-category .archive-entries .archive-entry + .archive-entry{
		margin-top : calc( 80 var( --remBase ) );
	}
	.page-archive .archive-entries .entry-thumb-link , .page-archive-category .archive-entries .entry-thumb-link{
		height : calc( 420 var( --remBase ) );
		margin-bottom : calc( 20 var( --remBase ) );
	}
	.page-archive .archive-entries .archive-date time span , .page-archive-category .archive-entries .archive-date time span{
		font-size : calc( 30 var( --remBase ) );
	}
	.page-archive .archive-entries .archive-date .hyphen::before , .page-archive-category .archive-entries .archive-date .hyphen::before{
		font-size : calc( 30 var( --remBase ) );
	}
	.page-archive .archive-entries .entry-title , .page-archive-category .archive-entries .entry-title{
		margin-top : calc( ( 24 - 11 ) var( --remBase ) );
	}
	.page-archive .archive-entries .entry-title a , .page-archive-category .archive-entries .entry-title a{
		font-size : calc( 56 var( --remBase ) );
		line-height : calc( 78 / 56 );
	}
	.page-archive .archive-entries .categories , .page-archive-category .archive-entries .categories{
		row-gap : calc( 18 var( --remBase ) );
		column-gap : calc( 18 var( --percentBase ) );
		margin-top : calc( ( 36 - 11 ) var( --remBase ) );
	}
	.page-archive .archive-entries .categories > a , .page-archive-category .archive-entries .categories > a{
		width : calc( 154 var( --percentBase ) );
		height : calc( 40 var( --remBase ) );
		font-size : calc( 22 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-archive .archive-entries ,
	.page-archive-category .archive-entries{
		display : grid;
		grid-template-columns : repeat( 2 , calc( 320 * 100% / 690 ) );
		row-gap : calc( 50 var( --remBase ) );
		align-items : start;
		justify-content : space-between;
	}
	.page-archive .archive-entries .entry-thumb-link , .page-archive-category .archive-entries .entry-thumb-link{
		height : calc( 200 var( --remBase ) );
		margin-bottom : calc( 12 var( --remBase ) );
	}
	.page-archive .archive-entries .archive-date time span , .page-archive-category .archive-entries .archive-date time span{
		font-size : calc( 15 var( --remBase ) );
	}
	.page-archive .archive-entries .archive-date .hyphen::before , .page-archive-category .archive-entries .archive-date .hyphen::before{
		font-size : calc( 15 var( --remBase ) );
	}
	.page-archive .archive-entries .entry-title , .page-archive-category .archive-entries .entry-title{
		margin-top : calc( ( 10 - 5 ) var( --remBase ) );
	}
	.page-archive .archive-entries .entry-title a , .page-archive-category .archive-entries .entry-title a{
		font-size : calc( 25 var( --remBase ) );
		line-height : 1.4;
	}
	.page-archive .archive-entries .categories , .page-archive-category .archive-entries .categories{
		row-gap : calc( 11 var( --remBase ) );
		column-gap : calc( 12 * 100% / 320 );
		margin-top : calc( ( 21 - 5 ) var( --remBase ) );
	}
	.page-archive .archive-entries .categories > a , .page-archive-category .archive-entries .categories > a{
		width : calc( 95 * 100% / 320 );
		height : calc( 25 var( --remBase ) );
		font-size : calc( 13 var( --remBase ) );
	}
}