@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*
メインカラー#8b5e3c
テキストカラー#333
リンクカラー#2f6f73
背景色#fdfdfd
連載
娘の東大受験記#3A86A8 14#3A86A8
娘の東大生活記#6E9C6A 15#6E9C6A
母Hack日記#C96547 16#7A5536
カテゴリー
メンタル    #8B6FAE 21
勉強法      #4F7CAC 20
一人暮らし  #D08A5B 19
奨学金      #B08D57 18
学生生活    #5F9E8A 1
理系女子    #C46B8A 17
東大のこと  #486284 22
学生国際大会・コンテスト  #486284 23
 */
/* ==========================================================
   Theme Colors
========================================================== */
:root{
	--hh-main:#8b5e3c;
	--hh-text:#333;
	--hh-link:#2f6f73;
	--hh-bg:#fdfdfd;
	--hh-border:#ece4dc;
	--hh-border-light:#f5f1ec;
	--hh-panel:#fcfbf8;
	--hh-panel-active:#f6efe7;
	--hh-radius:8px;
	--hh-radius-lg:16px;
	--hh-shadow-sm:0 2px 8px rgba(0,0,0,.04);
	--hh-shadow-md:0 4px 14px rgba(0,0,0,.04);
	--hh-shadow-lg:0 12px 28px rgba(0,0,0,.08);
	--hh-speed:.28s ease;
}
/* ==========================================================
   Base
========================================================== */
/* Link */
a{
	color:inherit;
	text-decoration:none;
}
a:hover{
	opacity:.7;
}
.wp-block-paragraph a,
.editor-styles-wrapper .wp-block-paragraph a{
	text-decoration:underline;
}
/* Image */
.c-postThumb__figure{
	overflow:hidden;
	border-radius:var(--hh-radius);
}
.c-postThumb__img{
	display:block;
	width:100%;
	height:auto;
	transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.c-categoryList {
	color: #333;
	opacity: .85;
}
/* Common Terms */
.c-categoryList__link,
.c-taxList__link,
.c-tagList__link{
	display:inline-block;
}
.c-categoryList::before,
.c-taxList::before,
.c-tagList::before{
	font-size:14px;
}
/* Layout */
#after_article>*+*{
	margin-top:3rem;
}
.icon-folder:before{
	margin-right:.25em;
}
.p-snsCta__body{
	background:rgba(0,0,0,.3);
}
/* ==========================================================
   Typography
========================================================== */
body{
	color:var(--hh-text);
	background:var(--hh-bg);
}
h1,
h2,
h3,
h4,
h5,
h6{
	line-height:1.45;
}
.p-postList__title,
.p-postNav__title{
	font-weight:700;
	line-height:1.55;
	transition:color .2s;
}
/* ==========================================================
   Common Card (hh-card)
========================================================== */
.hh-card {
	display: block;
	overflow: visible;
	color: inherit;
	text-decoration: none;
	transition:
		transform var(--hh-speed),
		border-color var(--hh-speed),
		box-shadow var(--hh-speed);
}

.hh-card:hover {
	transform: translateY(-3px);
}

/* ==========================================================
   サムネイル・NEWラベル共通
========================================================== */
.hh-postThumb {
	position: relative;
	display: block;
	width: 100%;
	overflow: visible;
	line-height: 0;
	container-type: inline-size;
}

/* サムネイルの外枠は固定し、画像だけを内側で切り抜く */
.hh-postThumb .p-postList__thumb,
.hh-postThumb .c-postThumb,
.hh-postThumb .c-postThumb__figure {
	position: relative;
	overflow: hidden;
	border-radius: var(--hh-radius);
}

.hh-postThumb .c-postThumb__img {
	display: block;
	width: 100%;
	height: auto;
	transform: scale(1);
	transform-origin: center center;
	transition: transform .6s cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
}

/* ==========================================================
   NEWラベル
========================================================== */
.hh-postThumb > .hh-newLabel {
	--hh-new-size: clamp(8px, 4cqi, 26px);

	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;

	display: inline-block;
	padding:
		calc(var(--hh-new-size) * .42)
		calc(var(--hh-new-size) * .92);

	border: 0;
	border-radius:
		calc(var(--hh-new-size) * .34)
		calc(var(--hh-new-size) * .34)
		calc(var(--hh-new-size) * .34)
		0;

  background: #72BBB0;

	box-shadow:
		0 calc(var(--hh-new-size) * .08)
		calc(var(--hh-new-size) * .22)
		rgba(0, 0, 0, .1),
		inset 0 1px 0 rgba(255, 255, 255, .35);

	color: #fff;
	font-size: var(--hh-new-size);
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1;
	white-space: nowrap;
	pointer-events: none;

	transform:
		translate(
			calc(var(--hh-new-size) * -0.7),
			calc(var(--hh-new-size) * -0.28)
		)
		rotate(-4deg);
	transform-origin: left bottom;
	transition: none;

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.hh-postThumb > .hh-newLabel.is-pickup {
  background: #EE9A7D;
}
.hh-postThumb > .hh-newLabel.is-update {
  background: #f6c453;
}
/* 紙の折り返し */
.hh-postThumb > .hh-newLabel::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	width: calc(var(--hh-new-size) * .68 * 1.2);
	height: calc(var(--hh-new-size) * .68 * 1.2);
	background: #3E8177;
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .18);
}
.hh-postThumb > .hh-newLabel.is-pickup::after {
	background: #D6765C;;
}
.hh-postThumb > .hh-newLabel.is-update::after {
	background: #d8a536;
}

/* ==========================================================
   スライダー移動中もNEWラベルを画像より前面に固定
========================================================== */
.p-postSlider .hh-postThumb {
	position: relative;
	isolation: isolate;
	z-index: 0;
}

/* 画像側を下のレイヤーに固定 */
.p-postSlider .hh-postThumb .p-postList__thumb,
.p-postSlider .hh-postThumb .c-postThumb,
.p-postSlider .hh-postThumb .c-postThumb__figure {
	position: relative;
	z-index: 0;
}

/* NEWラベルを独立した前面レイヤーにする */
.p-postSlider .hh-postThumb > .hh-newLabel {
	z-index: 20;

	transform:
		translate3d(
			calc(var(--hh-new-size) * -0.7),
			calc(var(--hh-new-size) * -0.28),
			1px
		)
		rotate(-4deg);

	will-change: transform;
}

/* ==========================================================
   サムネイルのホバー表示
========================================================== */
.hh-postThumb .p-postList__thumb::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		45deg,
		var(--color_gradient1),
		var(--color_gradient2)
	);
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease;
}

.hh-card:hover .hh-postThumb .p-postList__thumb::before {
	opacity: .18;
}

/* 外枠とNEWラベルは動かさず、画像だけをズーム */
.hh-card:hover .hh-postThumb .c-postThumb__img {
	transform: scale(1.05);
}

/* ==========================================================
   スライダー
========================================================== */
/*
 * スライダー外へクリック領域を広げず、横スクロールを防ぐ。
 * NEWラベル用の余白はスライダー内側に確保する。
 */
.p-postSlider {
	position: relative;
	overflow: hidden;
	margin-top: 16px;
	padding-left: 14px;
}

/* NEWラベルの位置は変えず、スライダー本体を下げて上側の余白を確保する */
.p-postSlider__swiper,
.p-postSlider .swiper {
	position: relative;
	overflow: hidden !important;
	padding-top: 18px;
}

.p-postSlider__postList,
.p-postSlider .swiper-wrapper,
.p-postSlider .swiper-slide {
	overflow: visible;
}

/* ==========================================================
   関連記事
========================================================== */
.-related .hh-postThumb .p-postList__thumb,
.p-relatedPosts .hh-postThumb .p-postList__thumb {
	border-radius: var(--hh-radius);
}

/* ==========================================================
   前後記事カード
========================================================== */
/*
 * 前後記事ではサムネイル枠内だけで画像を拡大する。
 * .hh-postThumb 共通の overflow: visible をここでは上書きする。
 */
.p-postNav__thumbWrap.hh-postThumb {
	overflow: visible;
	border-radius: 10px;
}

.p-postNav__thumbWrap.hh-postThumb .p-postNav__thumb {
	border-radius: 10px;
	clip-path: inset(0 round 10px);
}

.p-postNav__thumbWrap.hh-postThumb::before {
	border-radius: 10px;
}

/* ==========================================================
   記事アイキャッチ
========================================================== */
.hh-singleThumb {
	position: relative;
	overflow: visible;
	margin-top: 2em;
	margin-bottom: 2em;
}

/*
 * SWELL本来のアイキャッチ余白は外側の .hh-singleThumb に持たせる。
 * 内側のfigureには余白を重ねない。
 */
.hh-singleThumb > .p-articleThumb,
.hh-singleThumb > figure {
	margin: 0;
}


/* ==========================================================
   Category / Series Colors
========================================================== */
/* Thumbnail Category */
.c-postThumb__cat{
	background-image:none;
}
/* Category / Series Badge */
.p-postList__cat,
.c-categoryList__link,
.c-taxList__link{
	display:inline-block;
	margin:4px 0;
	padding:0 8px;
	line-height:2;
	border-radius:16px;
	color:#fff;
	font-size:.82rem;
}
.c-taxList__link{
	margin-top: 0;
}
.p-postList__cat:not(:first-child){
	margin-left:4px;
}
/* ---------- Category ---------- */
[data-cat-id="21"]{background:#8B6FAE;}
[data-cat-id="20"]{background:#4F7CAC;}
[data-cat-id="19"]{background:#D08A5B;}
[data-cat-id="18"]{background:#B08D57;}
[data-cat-id="1"] {background:#5F9E8A;}
[data-cat-id="17"]{background:#C46B8A;}
[data-cat-id="22"]{background:#486284;}
[data-cat-id="23"]{background:#2F6DB3;}
/* ---------- Series ---------- */
.c-taxList__link[data-term-id="14"]{
	color:#3A86A8;
	border-color:#3A86A8;
	border: 1.25px solid currentColor;
}
.c-taxList__link[data-term-id="15"]{
	color:#6E9C6A;
	border-color:#6E9C6A;
	border: 1.25px solid currentColor;
}
.c-taxList__link[data-term-id="16"]{
	color:#7A5536;
	border-color:#7A5536;
	border: 1.25px solid currentColor;
}
.c-taxList::before{
	content:"\e91a";
	opacity: .85;
}
/* ==========================================================
   Blog Card
========================================================== */
.p-blogCard.-internal:hover{
	opacity:.7;
}
.p-blogCard__inner{
	padding:16px;
}
.p-blogCard__thumb{
	width:300px;
	max-width:40%;
	border-radius:var(--hh-radius);
	box-shadow:var(--swl-img_shadow);
}
.p-blogCard__excerpt{
	display:block;
}
.p-blogCard .c-postThumb__figure::before{
	padding-top:52.5%;
}
.u-obf-cover{
	object-fit:contain;
}
@media (max-width:600px){
	.p-blogCard__inner{
		flex-wrap:wrap;
	}
	.p-blogCard__thumb{
		width:100%;
		max-width:100%;
		margin-bottom:.5rem;
	}
}
@media (min-width:600px){
	[data-type="type3"] .p-blogCard__caption{
		bottom:2px;
	}
}
/* ==========================================================
   Author
========================================================== */
.p-authorBox{
	padding:1.5rem;
}
.p-authorBox__l{
	flex-wrap:wrap;
	align-content:center;
}
.p-authorBox .avatar{
	width:150px;
	height:150px;
}
@media not all and (min-width: 600px) {
	.p-authorBox {
		text-align: left;
	}
}
/* ==========================================================
   Common Panel
========================================================== */
.hh-panel{
	margin:3rem 0 1.5rem;
	padding:1.5rem;
	background:var(--hh-panel);
	border:1px solid var(--hh-border);
	border-radius:10px;
	box-shadow:var(--hh-shadow-sm);
}
/* ==========================================================
   Series TOC
========================================================== */
.p-seriesToc{
	margin:3rem 0 1.5rem;
	padding:1.5rem;
	background:var(--hh-panel);
	border:1px solid var(--hh-border);
	border-radius:10px;
	box-shadow:var(--hh-shadow-sm);
}
.archive.tax-series .p-seriesToc{
	margin-top:1.5rem
}
.p-seriesToc h2{
	margin-bottom:1rem;
	font-size:1.45rem;
}
.p-seriesToc ul{
	margin:0;
	padding:0;
	list-style:none;
}
.p-seriesToc__count{
	margin-left:.5rem;
	font-size:.9rem;
	color:#888;
}
.p-seriesToc__item{
	position:relative;
	padding:.45rem .6rem;
	border-radius:8px;
}
.p-seriesToc__item.is-current{
	background:var(--hh-panel-active);
	color:var(--hh-main);
	font-weight:700;
	cursor:default;
}
.p-seriesToc__item.is-current::before{
	content:"▶";
	position:absolute;
	left:-.8em;
	top:50%;
	transform:translateY(-50%);
	color:var(--hh-main);
	font-size:.85em;
	opacity:.8;
}
.p-seriesToc__item a,
.p-seriesToc__item strong{
	display:grid;
	grid-template-columns:4.8em 1fr;
	column-gap:.55rem;
	align-items:start;
}
.p-seriesToc__item a{
	transition:
		color .2s,
		transform .2s;
}
.p-seriesToc__item a:hover{
	color:var(--hh-main);
	transform:translateX(6px);
}
.p-seriesToc__episode{
	font-weight:700;
	color:var(--hh-main);
	letter-spacing:-.02em;
}
.p-seriesToc__title{
	font-size:1rem;
	font-weight:700;
}
/* ==========================================================
   Other Series
========================================================== */
.p-seriesOther{
	margin-top:1.5rem;
	padding:1.2rem;
	background:var(--hh-panel);
	border:1px solid var(--hh-border);
	border-radius:10px;
	box-shadow:var(--hh-shadow-sm);
}
.p-seriesOther__title{
	margin-bottom:1rem;
	font-size:1rem;
	font-weight:700;
	color:#666;
}
.p-seriesOther ul{
	margin:0;
	padding:0;
	list-style:none;
}
.p-seriesOther__item + .p-seriesOther__item{
	margin-top:.5rem;
}
.p-seriesOther__item a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:.9rem 1rem;
	background:#fff;
	border:1px solid var(--hh-border);
	border-radius:8px;
	color:var(--hh-link);
	transition:
		background-color .2s,
		border-color .2s,
		color .2s;
}
.p-seriesOther__item a:hover{
	background:var(--hh-panel-active);
	border-color:#d9c6b3;
	color:var(--hh-main);
}
.p-seriesOther__item a::after{
	content:"→";
	font-size:1.1rem;
	color:#aaa;
	transition:transform .2s;
}
.p-seriesOther__item a:hover::after{
	transform:translateX(4px);
}
/* ==========================================================
   Prev / Next Navigation
========================================================== */
.p-postNav{
	margin-top:3.5rem;
	padding-top:2.5rem;
	border-top:1px solid var(--hh-border);
}
.p-postNav__list{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:2.4rem;
	margin:0;
	padding:0;
	list-style:none;
	align-items:start;
}
.p-postNav__item{
	margin:0;
}
.p-postNav__list:has(.p-postNav__item:only-child){
	grid-template-columns:1fr 1fr;
}
.p-postNav__item:first-child:last-child:not(.-next){
	grid-column:1;
}
.p-postNav__item.-next:first-child:last-child{
	grid-column:2;
}
/* ==========================================================
   Label
========================================================== */
.p-postNav__label{
	display:flex;
	align-items:center;
	gap:.8rem;
	margin-bottom:1rem;
	font-size:.92rem;
	font-weight:700;
	letter-spacing:.04em;
	color:var(--hh-main);
}
.p-postNav__label::after{
	content:"";
	flex:1;
	max-width:220px;
	height:1px;
	background:var(--hh-border);
}
.p-postNav__item.-next .p-postNav__label{
	justify-content:flex-end;
}
.p-postNav__item.-next .p-postNav__label::before{
	content:"";
	flex:1;
	max-width:220px;
	height:1px;
	background:var(--hh-border);
}
.p-postNav__item.-next .p-postNav__label::after{
	display:none;
}
/* ==========================================================
   Card
========================================================== */
.p-postNav__card{
	position:relative;
}
/* ==========================================================
   Thumbnail
========================================================== */
.p-postNav__thumbWrap{
	position:relative;
	overflow:visible;
	background:#faf8f5;
	border-radius:10px;
}
.p-postNav__thumbWrap::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(
		45deg,
		var(--color_gradient1),
		var(--color_gradient2)
	);
	opacity:0;
	transition:opacity .25s;
}
.hh-card:hover .p-postNav__thumbWrap::before{
	opacity:.18;
}
.p-postNav__thumb{
	display:block;
	width:100%;
	height:auto;
	clip-path:inset(0 round 10px);
	transition:
		transform .6s cubic-bezier(.22,.61,.36,1),
		clip-path .6s cubic-bezier(.22,.61,.36,1);
}
.hh-card:hover .p-postNav__thumb{
	transform:scale(1.05);
	/* 1.05倍した画像を、元の画像枠の内側だけに表示する */
	clip-path:inset(2.381% round 9.524px);
}
/* ==========================================================
   Body
========================================================== */
.p-postNav__body{
	padding:1rem 0 0;
}
/* ==========================================================
   Title
========================================================== */
.p-postNav__title{
	margin:0;
	font-size:1.08rem;
	font-weight:700;
	line-height:1.55;
	color:var(--hh-text);
	transition:color .2s;
}
.hh-card:hover .p-postNav__title{
	color:var(--hh-main);
}
/* ==========================================================
   Terms
========================================================== */
.p-postNav__body .p-articleMetas__termList{
	margin-top:.55rem;
}
.p-postNav__body .p-articleMetas__termList
+.p-articleMetas__termList{
	margin-top:.4rem;
}
/* ==========================================================
   Responsive
========================================================== */
@media (max-width:767px){
	.p-postNav{
		margin-top:2.5rem;
		padding-top:2rem;
	}
	.p-postNav__list{
		gap:1rem;
	}
	.p-postNav__label{
		margin-bottom:.6rem;
		font-size:.82rem;
	}
	.p-postNav__label::before,
	.p-postNav__label::after{
		display:none;
	}
	.p-postNav__body{
		padding:1rem 0 0;
	}
	.p-postNav__title{
		font-size:1rem;
	}
}
/* ==========================================================
   Widget
========================================================== */
.p-widget__title{
	position:relative;
	margin-bottom:1.5rem;
	padding-bottom:.55rem;
	font-size:1.1rem;
	font-weight:700;
	letter-spacing:.02em;
}
.p-widget__title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:72px;
	height:3px;
	background:var(--hh-main);
	border-radius:3px;
}
.c-widget__title.-side span{
	margin-right:.2em;
	font-weight:800;
	letter-spacing:.03em;
	color:#c96547;
}
.c-widget__title.-side span::before{
	content:"✦";
	display:inline-block;
	margin-right:.45rem;
	font-size:.85em;
	color:#d9ab43;
	transform:translateY(-1px);
}
.new-label{
	font-weight:800;
	color:#c96547;
}
/* ==========================================================
   New Posts
========================================================== */
.p-postList__item{
	margin-bottom:1.8rem;
}
.p-postList__body{
	padding:.85rem .9rem 0;
}
.p-postList__title{
	margin:0;
	font-size:1.12rem;
	font-weight:700;
	line-height:1.55;
	color:var(--hh-text);
	transition:color .2s;
}
.hh-card:hover .p-postList__title{
	color:var(--hh-main);
}
.p-postList__thumb{
	position:relative;
	overflow:hidden;
}
.p-postList__thumb::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(
		45deg,
		var(--color_gradient1),
		var(--color_gradient2)
	);
	opacity:0;
	transition:opacity .25s;
	pointer-events:none;
}
.hh-card:hover .p-postList__thumb::before{
	opacity:.18;
}
.p-postList__times{
	font-size:.9rem;
	color:#666;
}
/* .c-categoryList{
	row-gap:.45rem;
	column-gap:.45rem;
} */
/* ==========================================================
   Responsive
========================================================== */
@media (max-width:767px){
	#after_article>*+*{
		margin-top:2.5rem;
	}
	.p-widget__title{
		margin-bottom:1.2rem;
	}
	.p-postList__item{
		margin-bottom:1.5rem;
	}
	.p-postList__body{
		padding:.75rem .8rem .25rem;
	}
	.p-postList__title{
		font-size:1rem;
	}
	.p-postList__times{
		font-size:.84rem;
	}
	.c-categoryList__link,
	.c-taxList__link{
		font-size:.76rem;
	}
	.p-authorBox{
		padding:1.2rem;
	}
	.p-seriesToc,
	.p-seriesOther{
		padding:1rem;
	}
}
/* ==========================================================
   Utility
========================================================== */
.-type-card .p-postList__body {
	padding: 0;
	padding-top: 1em;
}

.home:not(.paged) #block-8 {
	display: none;
}
#block-8 .p-postList__item .c-categoryList, #block-8 .p-postList__item .c-taxList {
	padding-left: 1.5em;
}

.icon-folder:before {
	margin-right: .25em;
}

/* time */
.c-postTimes {
	padding: 4px 0;
}
.p-postList__meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .5rem;
}
.p-postList__meta :before {
	margin-right: 8px;
}
.p-postList__cat {
	margin: 0 .35rem .35rem 0;
}
.p-postList__cat,
.c-categoryList__link,
.c-taxList__link {
	margin-top: 0;
}

/* slider postに連載を */
.p-postSlider .p-postList__link,
.-type-card .p-postList__link {
	height: auto;
}
.p-postSlider.-ps-style-normal .p-postList__title {
	max-height: inherit;
}
.p-postSlider .p-postList__body {
	padding-right: 0;
	padding-left: 0;
}
/* 記事カード下：カテゴリー・連載 */
.p-articleMetas__termList {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
.c-categoryList,
.c-taxList {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 6px;
}
/* 記事カード下：カテゴリー・連載アイコンを行ごとに1つだけ表示 */
.p-postList__item .c-categoryList,
.p-postList__item .c-taxList {
	position: relative;
	/* padding-left:1.75em;   サイドバーと同じ */
	padding-left:calc(14px + 6px);
	margin: 0.25em 0;
}
/* カテゴリーアイコン */
.p-postList__item .c-categoryList::before {
	content: "";
}

/* アイコン共通：サイドバー風に統一 */
.p-postList__item .c-categoryList::before,
.p-postList__item .c-taxList::before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: icomoon !important;
	color: #333;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	opacity: .85;
	position: absolute;
	left: 0;
	top: .5em;
	/* transform: scale(.8) translateX(1px); */
	transform-origin: 0 0;
}
/* 連載アイコン */
.p-postList__item .c-taxList::before {
	content: "\e91a";
	top: calc(.5em + 2px);
	opacity: .75;
}
.c-taxList__link {
	border-radius: 8px;
	padding: 0 .65em;
	background: transparent;
	font-weight: 500;
	background: #fff;
	letter-spacing: .02em;
	font-size: .82rem;
}

/* series toc */
.p-seriesToc__countOnly {
	margin: 0 0 1rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--hh-main);
}
.p-seriesToc__termLink {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}
.p-seriesToc__termLink:hover {
	color: var(--color_main);
}

/* パンくず */
.single .p-breadcrumb__item:last-child > span.p-breadcrumb__text {
	display: inline-flex;
}

/* リンク */
.post_content a {
	text-decoration: underline;
	color: #2f6f73;
}
.post_content a[rel="nofollow"]::after,
.post_content a[target="_blank"]::after {
	font-family: "Font Awesome 6 Free";
	content: "\f35d";
	font-weight: 900;
	opacity: .7;
	margin: 0 .35em;
	transition: .2s;
	text-decoration: none;
	display: inline-block;
}
.post_content a.swell-block-linkList__link::after,
.post_content a.swell-block-linkList__link::after,
.post_content .p-adBox__img a[rel="nofollow"]::after,
.post_content .p-adBox__img a[target="_blank"]::after {
	content: none;
}

/* ハンバーガー */
.p-spMenu a.c-categoryList__link {
	color: #fff;
}
.c-widget__title.-spmenu {
	background: #fff;
	color: #333;
}
.p-spMenu__bottom.w-spMenuBottom .widget_categories > ul > li:first-of-type.cat-item > a {
	padding-top: 0;
}
.c-widget__title.-spmenu::before {
	content: "";
	bottom: 0;
	left: 0;
	width: 40%;
	z-index: 1;
	background: var(--color_main);
}
.c-widget__title.-spmenu::after {
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--color_border);
}

/* サイドバー・メニュー */
.widget_categories > ul > .cat-item > a,
.c-listMenu a {
	padding: .75em 1em .75em 1.75em;
	transition: padding .25s;
}
.widget_categories > ul > .cat-item > a:hover,
.c-listMenu a:hover {
	padding-left: 2em;
	padding-right: .75em;
}
.c-listMenu a::before {
	content: "\e91a";
	color: #333;
	opacity: .85;
}

/* シェア */
@media (max-width: 767px) {
	.c-shareBtns__message .__text {
		max-width: 90%;
	}
}
.p-snsCta__message {
	text-shadow: 0 2px 4px rgba(0, 0, 0, .45), 0 0 10px rgba(0, 0, 0, .25);
	font-weight: 600;
}

/* 関連記事 */
@media screen and (min-width: 1240px) {
	.p-relatedPosts .p-postList__item {
		width: 33%;
	}
}
.u-display__none {
	display: none;
}