@charset "UTF-8";

/* --------------------------------------------
PAGE ENTRY
--------------------------------------------- */
body{
	container-type : inline-size;
}
.page-entry #mv{
	color : #fff;
}
.page-entry #mv a{
	color : #fff;
}
.page-entry #mv #heroMv img{
	width : 100%;
	height : auto;
}
.page-entry #mv .entry-header{
	display : flex;
	flex-direction : column;
}
.page-entry #mv .entry-header .entry-title{
	order : 1;
	font-weight : 600;
}
.page-entry #mv .entry-title{
	margin : 0;
}
.page-entry #mv .entry-title:hover{
	-webkit-text-decoration : none;
	text-decoration : none;
}
.page-entry #mv .entry-date{
	order : 2;
	font-weight : 400;
}
.page-entry #mv .entry-categories{
	display : flex;
	flex-wrap : wrap;
	order : 3;
	margin : 0;
}
.page-entry #mv .entry-categories a{
	display : flex;
	align-items : center;
	justify-content : center;
	margin : 0;
	font-weight : 400;
	line-height : 1;
	text-align : center;
	text-indent : .1em;
	letter-spacing : .1em;
	background-color : #898989;
}
.page-entry #mv .entry-categories a::before{
	content : "#";
}
.page-entry #mv #heroLede{
	font-weight : 400;
}
.page-entry #mv #heroAuthor a{
	display : flex;
	align-items : center;
}
.page-entry #mv #heroAuthor picture{
	flex-shrink : 0;
	border-radius : 50%;
}
.page-entry #mv #heroAuthor picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
.page-entry #mv #heroAuthor p{
	line-height : 1;
	letter-spacing : .24em;
}
@media screen and ( max-width : 750px ){
	.page-entry #mv{
		padding-bottom : calc( ( 96 - 8 ) var( --remBase ) );
	}
	.page-entry #mv .entry-header{
		padding-top : calc( ( 84 - 9 ) var( --remBase ) );
		padding-left : calc( 40 var( --percentBase ) );
		padding-right : calc( 40 var( --percentBase ) );
	}
	.page-entry #mv .entry-header .entry-title{
		font-size : 4rem;
		line-height : 1.4737;
		letter-spacing : .1em;
	}
	.page-entry #mv .entry-header .entry-date{
		margin-top : calc( ( 30 - 9 ) var( --remBase ) );
	}
	.page-entry #mv .entry-header .entry-date span{
		font-size : 2.2rem;
		letter-spacing : .15em;
	}
	.page-entry #mv .entry-header .entry-categories{
		margin-top : calc( 20 var( --remBase ) );
		margin-left : calc( -10 * 100% / 670 );
	}
	.page-entry #mv .entry-header .entry-categories a{
		padding-top : calc( 9 var( --remBase ) );
		padding-bottom : calc( 9 var( --remBase ) );
		padding-left : calc( 18 var( --remBase ) );
		padding-right : calc( 18 var( --remBase ) );
		margin-top : calc( 10 var( --remBase ) );
		margin-left : calc( 10 var( --remBase ) );
		font-size : 2rem;
	}
	.page-entry #mv #heroAuthor{
		order : 3;
		padding-left : calc( 40 var( --percentBase ) );
		padding-right : calc( 40 var( --percentBase ) );
		margin-top : calc( ( 32 - 8 ) var( --remBase ) );
	}
	.page-entry #mv #heroAuthor picture{
		width : calc( 108 * 100% / 670 );
		height : calc( 108 var( --remBase ) );
		margin-right : calc( 24 * 100% / 670 );
	}
	.page-entry #mv #heroAuthor p{
		font-size : 2.2rem;
	}
	.page-entry #mv #heroLede{
		padding-left : calc( 40 var( --percentBase ) );
		padding-right : calc( 40 var( --percentBase ) );
		margin-top : calc( ( 34 - 8 ) var( --remBase ) );

		/* font-size: 2.9rem; */
		font-size : calc( 660 * 100cqi / 750 / 21 );
		line-height : 1.6154;
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #mv{
		padding-top : 74px;
		padding-bottom : 36px;
	}
	.page-entry #mv #heroMv{
		width : 1040px;
		padding-left : 20px;
		padding-right : 20px;
		margin-left : auto;
		margin-right : auto;
	}
	.page-entry #mv #heroMv + .entry-header{
		padding-top : calc( 48px - 8.5px );
	}
	.page-entry #mv .entry-header{
		display : flex;
		flex-direction : column;
		width : 1040px;
		padding-left : 62px;
		padding-right : 320px;
		margin-left : auto;
		margin-right : auto;
	}
	.page-entry #mv .entry-header .entry-title{
		font-size : 3.25rem;
		line-height : 1.5;
		letter-spacing : .125em;
	}
	.page-entry #mv .entry-header .entry-date{
		margin-top : calc( 22px - 8.5px );
	}
	.page-entry #mv .entry-header .entry-date span{
		font-size : 1.2rem;
		letter-spacing : .15em;
	}
	.page-entry #mv .entry-header .entry-categories{
		order : 3;
		margin-top : 21px;
		margin-left : -4px;
	}
	.page-entry #mv .entry-header .entry-categories a{
		padding-top : 5.5px;
		padding-bottom : 5.5px;
		padding-left : 12px;
		padding-right : 12px;
		margin-left : 4px;
		font-size : 1rem;
	}
	.page-entry #mv #heroAuthor{
		width : 1040px;
		padding-left : 62px;
		margin-top : calc( 18px - 5.0775px );
		margin-left : auto;
		margin-right : auto;
	}
	.page-entry #mv #heroAuthor picture{
		width : 72px;
		height : 72px;
		margin-right : 10px;
	}
	.page-entry #mv #heroAuthor p{
		font-size : 1.2rem;
	}
	.page-entry #mv #heroLede{
		width : 1040px;
		padding-left : 62px;
		padding-right : 320px;
		margin-top : calc( 16px - 5.0775px );
		margin-left : auto;
		margin-right : auto;
		font-size : 1.7rem;
		line-height : 1.6763;
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #wrapper{
		padding-bottom : 57px;
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #content-inner{
		padding-top : 57px;
	}
}
.page-entry .entry-content h3{
	margin : 0;
	font-weight : 600;
	color : #d82b22;
	letter-spacing : .1em;
}
.page-entry .entry-content h4{
	margin : 0;
	font-weight : 600;
	letter-spacing : .1em;
	border-bottom-color : #000;
	border-bottom-style : solid;
}
.page-entry .entry-content h5{
	margin : 0;
	font-weight : 600;
	letter-spacing : .1em;
}
.page-entry .entry-content p{
	margin : 0;
}
.page-entry .entry-content figcaption{
	text-align : left;
}
.page-entry .entry-content img{
	width : 100%;
	height : auto;
}
.page-entry .entry-content a img{
	cursor : pointer;
}
.page-entry .entry-content ul{
	list-style : disc;
}
.page-entry .entry-content ol{
	list-style : decimal;
}
.page-entry .entry-content a{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
.page-entry .entry-content p strong{
	font-weight : 600;
}
@media screen and ( max-width : 750px ){
	.page-entry .entry-content{
		padding-top : calc( 92 var( --remBase ) );
		padding-left : calc( 40 var( --percentBase ) );
		padding-right : calc( 40 var( --percentBase ) );
	}
	.page-entry .entry-content h3{
		font-size : 3.6rem;
		line-height : 1.4444;
	}
	.page-entry .entry-content h4{
		padding-bottom : calc( ( 28 - 7 ) var( --remBase ) );
		font-size : 3.4rem;
		line-height : 1.4667;
		border-bottom-width : calc( 4 var( --remBase ) );
	}
	.page-entry .entry-content h5{
		padding-bottom : calc( ( 28 - 7 ) var( --remBase ) );
		font-size : 3.2rem;
		line-height : 1.5;
	}
	.page-entry .entry-content p , .page-entry .entry-content figcaption{
		font-size : calc( 660 * 100cqi / 750 / 21 );

		/* font-size: 2.9rem; */
		line-height : 1.6154;
	}
	.page-entry .entry-content li{
		font-size : 2.6rem;
		line-height : 1.6154;
	}
	.page-entry .entry-content table td , .page-entry .entry-content table th{
		font-size : 2.6rem;
		line-height : 1.6154;
	}
	.page-entry .entry-content p + h3{
		margin-top : calc( ( 102 - 8 ) var( --remBase ) );
		font-weight : 800;
	}
	.page-entry .entry-content h3 + p{
		margin-top : calc( ( 36 - 8 - 8 ) var( --remBase ) );
	}
	.page-entry .entry-content p + p{
		margin-top : calc( ( 33 - 6.75 ) var( --remBase ) );
	}
	.page-entry .entry-content p + h4{
		margin-top : calc( ( 58 - 7 ) var( --remBase ) );
	}
	.page-entry .entry-content p + h5{
		margin-top : calc( ( 58 - 7 ) var( --remBase ) );
	}
	.page-entry .entry-content h4 + p{
		margin-top : calc( ( 28 - 8 ) var( --remBase ) );
	}
	.page-entry .entry-content p strong , .page-entry .entry-content h3 , .page-entry .entry-content h4 , .page-entry .entry-content h5{
		font-weight : 800 ! important;
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry .entry-content{
		padding-left : 42px;
		padding-right : 22px;
	}
	.page-entry .entry-content h3{
		font-size : 2.8rem;
		line-height : 1.54;
	}
	.page-entry .entry-content h4{
		padding-bottom : calc( 16px - 6px );
		font-size : 2.5rem;
		line-height : 1.5455;
		border-bottom-width : 4px;
	}
	.page-entry .entry-content h5{
		padding-bottom : calc( 16px - 6px );
		font-size : 2.2rem;
		line-height : 1.5;
	}
	.page-entry .entry-content p , .page-entry .entry-content figcaption{
		font-size : 1.7rem;
		line-height : 1.6763;
	}
	.page-entry .entry-content li{
		font-size : 1.7rem;
		line-height : 1.6763;
	}
	.page-entry .entry-content table td , .page-entry .entry-content table th{
		font-size : 1.7rem;
		line-height : 1.6763;
	}
	.page-entry .entry-content p + h3{
		margin-top : calc( 36px - 9.25px );
	}
	.page-entry .entry-content h3 + p{
		margin-top : calc( 29px - 6.75px - 9.25px );
	}
	.page-entry .entry-content p + p{
		margin-top : calc( 33px - 6.75px );
	}
	.page-entry .entry-content p + h4{
		margin-top : calc( 30px - 6px );
	}
	.page-entry .entry-content p + h5{
		margin-top : calc( 30px - 6px );
	}
	.page-entry .entry-content h4 + p{
		margin-top : calc( 16px - 6.75px );
	}
}

/* -- table-of-contents 目次
----------------------------------------------- */
.page-entry .entry-content .table-of-contents{
	background : rgb( 255 255 255 );
	border : 1px solid #000;
}
.page-entry .entry-content .table-of-contents::before{
	font-weight : 600;
	content : "INDEX";
}
.page-entry .entry-content .table-of-contents li{
	margin-left : 0;
	list-style : none;
}
.page-entry .entry-content .table-of-contents li a{
	display : block;
	margin-bottom : 4px;
	line-height : 1.3 ! important;
}
.page-entry .entry-content .table-of-contents > li > a{
	padding-left : 1em;
	font-weight : 600;
	text-indent : -1em;
}
.page-entry .entry-content .table-of-contents > li > a::before{
	content : "■";
}
.page-entry .entry-content .table-of-contents > li ul li{
	margin-bottom : 0;
}
.page-entry .entry-content .table-of-contents > li ul li a{
	padding-left : 0;
	margin-left : 0;
	text-indent : 0;
	list-style : none;
}
.page-entry .entry-content .table-of-contents li a{
	-webkit-text-decoration : none;
	text-decoration : none;
}
@media screen and ( max-width : 750px ){
	.page-entry .entry-content .table-of-contents{
		padding : calc( 24 var( --remBase ) );
	}
	.page-entry .entry-content .table-of-contents::before{
		font-size : calc( 800 * 100cqi / 750 / 20 );
	}
	.page-entry .entry-content .table-of-contents li{
		margin-bottom : calc( 12 var( --remBase ) );
	}
	.page-entry .entry-content .table-of-contents > li > a{
		font-size : calc( 620 * 100cqi / 750 / 20 );
	}
	.page-entry .entry-content .table-of-contents li li a{
		font-size : calc( 581 * 100cqi / 750 / 21 );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry .entry-content .table-of-contents::before{
		font-size : 2.4rem;
	}
	.page-entry .entry-content .table-of-contents > li{
		margin-bottom : 12px;
	}
}

/* -- table
----------------------------------------------- */
.page-entry .entry-content table{
	width : auto ! important;
	border-collapse : collapse ! important;
}
.page-entry .entry-content table th , .page-entry .entry-content table td{
	border-collapse : collapse ! important;
}
.page-entry .entry-content table thead th , .page-entry .entry-content table thead td{
	font-weight : 600;
	border : 1px solid #000 ! important;
}
.page-entry .entry-content table tbody tr th , .page-entry .entry-content table tbody tr td{
	background : #fff;
	border : 1px solid #000 ! important;
}
.page-entry .entry-content table th{
	font-weight : 600;
	text-align : left;
}
.page-entry .entry-content div.box1{
	padding : 1.5em;
	margin-top : 1em;
	margin-bottom : 1em;
	background : #fff;
	border : 1px solid #000;
}
.page-entry .entry-content div.box2{
	padding : 1.5em;
	margin-top : 1em;
	margin-bottom : 1em;
	color : #fff;
	background : #d82b22;
}
.page-entry .entry-content div.box3{
	padding : 1.5em;
	margin-top : 1em;
	margin-bottom : 1em;
	background : #ddd;
	border : 1px solid #000;
}
.page-entry .entry-content .profile-card-container{
	display : grid;
	background-color : #fff;
	border-color : #231815;
	border-style : solid;
	border-radius : 0;
}
.page-entry .entry-content .profile-card-container #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;
}
.page-entry .entry-content .profile-card-container #profileThumbnail , .page-entry .entry-content .profile-card-container #profileThumbnail2{
	grid-row : 2/6;
	grid-column : 1/2;
	border-radius : 50%;
}
.page-entry .entry-content .profile-card-container #profileName{
	grid-row : 3/4;
	grid-column : 2/3;
	margin : 0;
	font-weight : 600;
	line-height : 1;
	letter-spacing : .2em;
}
.page-entry .entry-content .profile-card-container #profileText{
	grid-row : 4/5;
	grid-column : 2/3;
	margin : 0;
	font-weight : 400;
}
.page-entry .entry-content .profile-card-container #profileLinks{
	display : flex;
	flex-wrap : wrap;
	grid-row : 5/6;
	grid-column : 2/3;
	align-items : flex-start;
	margin : 0;
}
.page-entry .entry-content .profile-card-container #profileLinks li{
	list-style : none;
}
.page-entry .entry-content .profile-card-container #profileLinks a{
	color : #d82b22;
}
@media screen and ( max-width : 750px ){
	.page-entry .entry-content .profile-card-container{
		grid-template-columns : calc( 142 * 100% / 636 ) 1fr;
		padding-top : calc( 10 var( --remBase ) );
		padding-bottom : calc( 16 var( --remBase ) );
		padding-left : calc( 16 * 100% / 670 );
		padding-right : calc( 16 * 100% / 670 );
		border-width : 1px;
	}
	.page-entry .entry-content .profile-card-container #profileTitle{
		padding-bottom : calc( 14 var( --remBase ) );
		font-size : 1.8rem;
		border-bottom-width : 1px;
	}
	.page-entry .entry-content .profile-card-container #profileThumbnail , .page-entry .entry-content .profile-card-container #profileThumbnail2{
		padding-top : calc( 14 var( --remBase ) );
	}
	.page-entry .entry-content .profile-card-container #profileName{
		padding-top : calc( 14 var( --remBase ) );
		padding-left : calc( 18 * 100% / 636 );
		font-size : 2.4rem;
	}
	.page-entry .entry-content .profile-card-container #profileText{
		padding-top : calc( ( 18 - 5 ) var( --remBase ) );
		padding-left : calc( 18 * 100% / 636 );
		font-size : 1.8rem;
		line-height : 1.5556;
		letter-spacing : .24em;
	}
	.page-entry .entry-content .profile-card-container #profileLinks{
		padding-top : calc( ( 10 - 5 ) var( --remBase ) );
		padding-left : calc( 18 * 100% / 636 );
	}
	.page-entry .entry-content .profile-card-container #profileLinks li + li{
		margin-left : calc( 18 var( --remBase ) );
	}
	.page-entry .entry-content .profile-card-container #profileLinks a{
		font-size : 1.8rem;
		letter-spacing : .24em;
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry .entry-content .profile-card-container{
		grid-template-columns : 86px 1fr;
		padding-top : 9px;
		padding-bottom : 12px;
		padding-left : 14px;
		padding-right : 14px;
		border-width : 1px;
	}
	.page-entry .entry-content .profile-card-container #profileTitle{
		padding-bottom : 8px;
		font-size : 1.3rem;
		border-bottom-width : 1px;
	}
	.page-entry .entry-content .profile-card-container #profileThumbnail , .page-entry .entry-content .profile-card-container #profileThumbnail2{
		padding-top : 10px;
	}
	.page-entry .entry-content .profile-card-container #profileName{
		padding-top : 14px;
		padding-left : 16px;
		font-size : 1.3rem;
	}
	.page-entry .entry-content .profile-card-container #profileText{
		padding-top : calc( 9px - 2.5px );
		padding-left : 16px;
		font-size : 1.05rem;
		line-height : 1.4762;
		letter-spacing : .24em;
	}
	.page-entry .entry-content .profile-card-container #profileLinks{
		padding-top : calc( 10px - 2.5px );
		padding-left : 16px;
	}
	.page-entry .entry-content .profile-card-container #profileLinks li + li{
		margin-left : 10.5px;
	}
	.page-entry .entry-content .profile-card-container #profileLinks a{
		font-size : 1.05rem;
		letter-spacing : .24em;
	}
}
.page-entry .entry-footer{
	margin : 0;
}
.page-entry .entry-tags-wrapper{
	margin : 0;
}
.page-entry .entry-footer-section{
	display : none;
}
.page-entry .pager-permalink{
	display : none;
}
.page-entry .foot-share{
	position : static;
	display : block;
}
.page-entry :where( #slider01 , #slider02 ){
	position : relative;
	font-size : 0;
}
.page-entry :where( #slider01 , #slider02 ) a{
	display : block;
}
.page-entry :where( #slider01 , #slider02 ) picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
.page-entry :where( #slider01 , #slider02 ) :is( .swiper-button-prev , .swiper-button-next ){
	position : absolute;
	top : 50%;
	z-index : 9;
	width : auto;
	height : auto;
	margin : 0;
	translate : 0 -50%;
}
.page-entry :where( #slider01 , #slider02 ) :is( .swiper-button-prev , .swiper-button-next )::after{
	content : none;
}
@media screen and ( max-width : 750px ){
	.page-entry :where( #slider01 , #slider02 ){
		padding-left : calc( 90 * 100% / 750 );
		padding-right : calc( 90 * 100% / 750 );
		overflow : hidden;
	}
	.page-entry :where( #slider01 , #slider02 ) .swiper{
		height : calc( 536 var( --remBase ) );
	}
	.page-entry :where( #slider01 , #slider02 ) .swiper-wrapper{
		justify-content : space-between;
	}
	.page-entry :where( #slider01 , #slider02 ) .swiper-slide{
		height : calc( 250 var( --remBase ) );
		padding-left : calc( 17.5 var( --remBase ) );
		padding-right : calc( 17.5 var( --remBase ) );
	}
	.page-entry :where( #slider01 , #slider02 ) picture{
		height : calc( 250 var( --remBase ) );
	}
	.page-entry :where( #slider01 , #slider02 ) :is( .swiper-button-prev , .swiper-button-next ) img{
		height : calc( 58 var( --remBase ) );
	}
	.page-entry :where( #slider01 , #slider02 ) .swiper-button-prev{
		left : calc( 34 * 100% / 750 );
	}
	.page-entry :where( #slider01 , #slider02 ) .swiper-button-next{
		right : calc( 34 * 100% / 750 );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry :where( #slider01 , #slider02 ){
		padding-top : calc( 21 var( --remBase ) );
		padding-bottom : calc( 24 var( --remBase ) );
		background-color : #fff;
	}
}
@media screen and ( max-width : 750px ){
	.page-entry #slider01Container{
		padding-top : calc( 92 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #slider01Container{
		padding-left : calc( 20px + 42px );
		margin-top : calc( 57 var( --remBase ) );
	}
}
.page-entry #slider01{
	position : relative;
}
@media print , screen and ( min-width : 751px ){
	.page-entry #slider01{
		padding-inline : calc( 50 * 100% / 958 );
	}
	.page-entry #slider01 picture{
		height : calc( 175 var( --remBase ) );
	}
	.page-entry #slider01 :is( .swiper-button-prev , .swiper-button-next ) img{
		height : calc( 35 var( --remBase ) );
	}
	.page-entry #slider01 .swiper-slide{
		width : calc( 213 * 100% / 858 );
		padding-left : calc( 19 * 100% / 858 );
		padding-right : calc( 19 * 100% / 858 );
	}
	.page-entry #slider01 .swiper-button-prev{
		left : calc( 22 * 100% / 958 );
	}
	.page-entry #slider01 .swiper-button-next{
		right : calc( 22 * 100% / 958 );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #slider02{
		padding-inline : calc( 117 * 100% / 722 );
		margin-top : 0;
		margin-bottom : calc( 45 var( --remBase ) );
		margin-left : calc( 58 * 100% / 722 );
		overflow : hidden;
	}
	.page-entry #slider02 .swiper{
		height : calc( 390 var( --remBase ) );
	}
	.page-entry #slider02 .swiper-wrapper{
		justify-content : space-between;
	}
	.page-entry #slider02 .swiper-slide{
		height : calc( 175 var( --remBase ) );
		padding-inline : calc( 20 var( --remBase ) );
	}
	.page-entry #slider02 picture{
		height : calc( 175 var( --remBase ) );
	}
	.page-entry #slider02 :is( .swiper-button-prev , .swiper-button-next ) img{
		height : calc( 35 var( --remBase ) );
	}
	.page-entry #slider02 .swiper-button-prev{
		left : calc( 58 * 100% / 722 );
	}
	.page-entry #slider02 .swiper-button-next{
		right : calc( 58 * 100% / 722 );
	}
}

/* --------------------------------------------
CUSTOMIZED-FOOTER
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	.customized-footer{
		display : flex;
		flex-direction : column;
	}
	.customized-footer .entry-footer-html{
		order : 1;
	}
	.customized-footer #entry-footer-secondary-modules{
		order : 2;
	}
}
@media print , screen and ( min-width : 751px ){
	.customized-footer{
		display : flex;
		flex-direction : column;
	}
	.customized-footer .entry-footer-html{
		order : 1;
	}
	.customized-footer #entry-footer-secondary-modules{
		order : 2;
	}
}

/* --------------------------------------------
RECOMMEND
--------------------------------------------- */
#main #entry-footer-secondary-modules .hatena-module-related-entries{
	display : flex;
	align-items : flex-start;
}
#main #entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title{
	flex-shrink : 0;
	text-indent : -100vw;
	background : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/26006613683157887" ) center top / contain no-repeat;
}
#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-image-link img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	margin : 0;
}
#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-title{
	margin : 0;
	font-weight : 400;
	letter-spacing : .1em;
}
#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-title-link::before , #main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-title-link::after{
	content : none;
}
#main #entry-footer-secondary-modules .hatena-module-related-entries .urllist-title-link{
	max-height : auto;
	overflow : visible;
}
@media screen and ( max-width : 750px ){
	#main #entry-footer-secondary-modules .hatena-module-related-entries{
		width : 100%;
		padding-top : calc( 110 var( --remBase ) );
		padding-left : calc( 44 var( --percentBase ) );
		padding-right : calc( 30 var( --percentBase ) );
		overflow : hidden;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries.hatena-urllist > li{
		width : 100%;
		margin-bottom : 2em;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title{
		width : calc( 43 * 100% / 666 );
		height : calc( 351 var( --remBase ) );
		margin-right : calc( 24 * 100% / 666 );
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-item-inner{
		display : flex;
		align-items : flex-start;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-image-link{
		display : block;
		flex-shrink : 0;
		width : calc( 280 * 100% / 599 );
		height : calc( 280 var( --remBase ) );
		margin-right : calc( 16 * 100% / 599 );
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-title{
		display : block;
		flex-grow : 1;
		padding-top : calc( 29 var( --remBase ) );
		font-size : 3.1rem;
		line-height : 1.5;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries + .hatena-module.hatena-module-html{
		margin-top : calc( 72 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#main #entry-footer-secondary-modules .hatena-module-related-entries .hatena-module-title{
		width : 34px;
		height : 277px;
		margin-right : 24px;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries ul{
		display : flex;
		flex-wrap : wrap;
		justify-content : space-between;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries li{
		width : 314px;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries li:nth-child( n+3 ){
		margin-top : 35px;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-item-inner{
		display : flex;
		align-items : flex-start;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-image-link{
		flex-shrink : 0;
		width : 142px;
		height : 142px;
		margin-right : 16px;
	}
	#main #entry-footer-secondary-modules .hatena-module-related-entries .related-entries-title{
		margin-top : -5px;
		font-size : 1.8rem;
		line-height : 1.5556;
	}
}

/* --------------------------------------------
PICK UP
--------------------------------------------- */
#pickup{
	display : flex;
	align-items : flex-start;
}
#pickup h3{
	flex-shrink : 0;
}
#pickup li picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	margin : 0;
}
#pickup h4{
	font-weight : 400;
	letter-spacing : .1em;
}
@media screen and ( max-width : 750px ){
	#pickup{
		width : 100%;
		padding-top : calc( 110 var( --remBase ) );
		padding-left : calc( 44 var( --percentBase ) );
		overflow : hidden;
	}
	#pickup h3{
		width : calc( 43 * 100% / 706 );
		margin-right : calc( 24 * 100% / 706 );
	}
	#pickup h3 img{
		width : 100%;
		height : auto;
	}
	#pickup div.slick-slide{
		width : calc( 424 var( --remBase ) );
		margin-left : calc( 8 var( --remBase ) );
		margin-right : calc( 8 var( --remBase ) );
	}
	#pickup li{
		width : 100%;
	}
	#pickup li:nth-child( n+3 ){
		margin-top : calc( 35 var( --remBase ) );
	}
	#pickup li a{
		display : block;
		width : calc( 390 var( --remBase ) );
		height : calc( 390 var( --remBase ) );
	}
	#pickup h4{
		position : relative;
		display : block;
		width : calc( 318 var( --remBase ) );
		padding-top : calc( ( 10 - 8 ) var( --remBase ) );
		padding-bottom : calc( ( 10 - 8 ) var( --remBase ) );
		padding-left : calc( 10 var( --remBase ) );
		padding-right : calc( 10 var( --remBase ) );
		margin-top : calc( -28 var( --remBase ) );
		margin-left : calc( 108 var( --remBase ) );
		font-size : 3.2rem;
		line-height : 1.5;
		background-color : #f4efe6;
	}
}
@media print , screen and ( min-width : 751px ){
	#pickup{
		margin-top : 64px;
	}
	#pickup h3{
		width : 34px;
		margin-right : 24px;
	}
	#pickup h3 img{
		width : 100%;
		height : auto;
	}
	#pickup ul{
		display : flex;
		flex-wrap : wrap;
		justify-content : space-between;
	}
	#pickup li{
		width : 314px;
	}
	#pickup li:nth-child( n+3 ){
		margin-top : 35px;
	}
	#pickup li a{
		display : flex;
		align-items : flex-start;
	}
	#pickup li picture{
		flex-shrink : 0;
		width : 142px;
		height : 142px;
		margin-right : 16px;
	}
	#pickup h4{
		margin-top : -5px;
		font-size : 1.8rem;
		line-height : 1.5556;
	}
}

/* --------------------------------------------
SERIES
--------------------------------------------- */
@media print , screen and ( min-width : 751px ){
	.page-entry #series{
		margin-top : 64px;
	}
}

/* --------------------------------------------
FOOTER SNS
--------------------------------------------- */
.foot-sns h5{
	text-align : center;
	text-indent : .24em;
	letter-spacing : .24em;
}
.foot-sns ul{
	display : flex;
	align-items : center;
	justify-content : center;
}
@media screen and ( max-width : 750px ){
	.foot-sns{
		padding-top : calc( 64 var( --remBase ) );
		padding-bottom : calc( 98 var( --remBase ) );
	}
	.foot-sns h5{
		font-size : 2.2rem;
	}
	.foot-sns ul{
		margin-top : calc( 26 var( --remBase ) );
	}
	.foot-sns li + li{
		margin-left : calc( 48 var( --percentBase ) );
	}
	.foot-sns #hbm-foot-sns-facebook img{
		height : calc( 50 var( --remBase ) );
	}
	.foot-sns #hbm-foot-sns-x img{
		height : calc( ( 26 * 750 / 390 ) var( --remBase ) );
	}
	.foot-sns #hbm-foot-sns-line img{
		height : calc( 48 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.foot-sns{
		padding-top : 45px;
		padding-bottom : 50px;
	}
	.foot-sns h5{
		font-size : 2.2rem;
	}
	.foot-sns ul{
		margin-top : 14px;
	}
	.foot-sns li + li{
		margin-left : 28px;
	}
	.foot-sns #hbm-foot-sns-facebook img{
		height : 30px;
	}
	.foot-sns #hbm-foot-sns-x img{
		height : 29px;
	}
	.foot-sns #hbm-foot-sns-line img{
		height : 29px;
	}
}

/* --------------------------------------------
FAQ
--------------------------------------------- */
.page-entry #faq .recent-entries-see-more a{
	position : relative;
	display : block;
	padding : 0;
	margin-right : 0;
	color : #fff;
	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;
}
.page-entry #faq .recent-entries-see-more a::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;
}
.page-entry #faq .recent-entries-see-more a::after{
	position : relative;
	top : 100%;
	left : 0;
	display : block;
	width : 100%;
	max-width : 0;
	overflow : hidden;
	content : "";
	background-color : #fff;
	transition : max-width .3s ease-in;
}
.page-entry #faq .recent-entries-see-more a:hover{
	background-image : url( "https://cdn.blog.st-hatena.com/files/26006613675768774/4207112889975825632" );
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
}
.page-entry #faq .recent-entries-see-more a:hover::before{
	translate : 50% 0;
}
.page-entry #faq .recent-entries-see-more a:hover::after{
	max-width : 100%;
}
@media screen and ( max-width : 750px ){
	.page-entry #faq .recent-entries-see-more a{
		width : calc( 470 * 100% / 750 );
		height : calc( 70 var( --remBase ) );
		margin-left : auto;
		background-size : auto calc( 34 var( --remBase ) );
	}
	.page-entry #faq .recent-entries-see-more a::before{
		left : calc( 422 * 100% / 470 );
		width : calc( 25 * 100% / 470 );
		height : calc( 39 var( --remBase ) );
	}
	.page-entry #faq .recent-entries-see-more a::after{
		height : calc( 7 var( --remBase ) );
	}
	.page-entry #faq .recent-entries-see-more a:hover{
		background-size : auto calc( 34 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #faq .recent-entries-see-more a{
		width : calc( 225 * 100% / 1040 );
		height : calc( 27 var( --remBase ) );
		margin-left : 0;
		background-size : auto calc( 12 var( --remBase ) );
	}
	.page-entry #faq .recent-entries-see-more a::before{
		left : calc( 210 * 100% / 225 );
		width : calc( 8 * 100% / 225 );
		height : calc( 13 var( --remBase ) );
	}
	.page-entry #faq .recent-entries-see-more a::after{
		height : calc( 2 var( --remBase ) );
	}
	.page-entry #faq .recent-entries-see-more a:hover{
		background-size : auto calc( 12 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	.page-entry #faq{
		margin-bottom : calc( 102 var( --remBase ) );
	}
	.page-entry #faq .box{
		padding-bottom : calc( 71 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-entry #faq{
		width : calc( 664 * 100% / 722 );
		margin-bottom : calc( 56 var( --remBase ) );
		margin-left : auto;
	}
	.page-entry #faq::before{
		width : calc( 119 * 100% / 664 );
		height : calc( 140 var( --remBase ) );
	}
	.page-entry #faq .box{
		grid-template-columns : auto calc( 153 * 100% / 506 );
		row-gap : calc( 29 var( --remBase ) );
		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 );
	}
	.page-entry #faq .box::before{
		top : calc( 53 var( --remBase ) );
		left : calc( -14 * 100% / 610 );
		width : calc( 45 * 100% / 610 );
		height : calc( 75 var( --remBase ) );
	}
	.page-entry #faq .box::after{
		top : calc( 29 var( --remBase ) );
		left : calc( 375 * 100% / 610 );
		width : calc( 30 * 100% / 610 );
		height : calc( 50 var( --remBase ) );
	}
	.page-entry #faq .box hgroup{
		column-gap : calc( 5 var( --remBase ) );
		justify-content : start;
	}
	.page-entry #faq .box hgroup::before{
		bottom : calc( 14 var( --remBase ) );
		right : calc( 14 * 100% / 610 );
		width : calc( 36 * 100% / 610 );
		height : calc( 61 var( --remBase ) );
	}
	.page-entry #faq .box hgroup p{
		font-size : calc( 9.26 var( --remBase ) );
		line-height : calc( 13.61 / 9.26 );

		/* margin-top: calc( -2.8 var(--remBase) ); */
	}
	.page-entry #faq .box hgroup h3{
		margin-top : calc( 2.175 var( --remBase ) );
	}
	.page-entry #faq .box hgroup h3 img{
		height : calc( 25 var( --remBase ) );
	}
	.page-entry #faq .box .urllist-see-more{
		margin-top : calc( 4 var( --remBase ) );
	}
	.page-entry #faq .box ul{
		grid-template-columns : repeat( 2 , calc( 244 * 100% / 506 ) );
		grid-auto-rows : calc( 80 var( --remBase ) );
		row-gap : calc( 16 var( --remBase ) );
		justify-content : space-between;
	}
	.page-entry #faq .box li::before{
		top : calc( -12 var( --remBase ) );
		left : calc( 9 * 100% / 244 );
		width : calc( 19 * 100% / 244 );
		height : calc( 25 var( --remBase ) );
	}
	.page-entry #faq .box li a{
		padding-inline : calc( 18 * 100% / 244 );
	}
	.page-entry #faq .box li span{
		font-size : calc( 13.59 var( --remBase ) );
		line-height : calc( 22.65 / 13.59 );
	}
}