@charset "utf-8";

/* ******************************************************************

	--morning_paper.css--

****************************************************************** */
.paper_guide {
	padding-bottom: 10px;
}
.paper_guide.is_sticky {
	background: rgba(255,255,255,.9);
	padding: 20px 0 0;
	position: sticky;
	top: 0;
	z-index: 10;
}

/* 日付選択select */
.paper_select_day {
	margin: auto;
	position: relative;
}
.paper_select_day::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	pointer-events: none;
	font-size: 14px;
	color: #AAA;
}
.paper_select_day select {
	background: #fff;
	border: 1px solid #333;
	border-radius: 4px;
	width: 100%;
	padding: 5px 35px 5px 15px;
}

/* 主要面リスト */
.paper_nav {
	display: flex;
	align-items: center;
}
.paper_nav_list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 20px;
	font-weight: 700;
}

.paper_nav_more {
	margin-left: auto;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}

/* その他の面リスト */
.paper_nav_more .tooltip {
	width: 160px;
	position: absolute;
	top: 100%;
	right: 0;
}
.paper_select_list > li:not(:last-child) {
	margin-bottom: 10px;
}
.paper_select_list > li a {
	display: block;
	color: inherit;
}
.paper_select_list > li a:hover {
	text-decoration: underline;
}

/* 下向き矢印をwebfontにて再現 */
.paper_select_trigger:after,
.paper_link:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0d7";
	margin-left: 5px;
}

/* 記事パーツの調整 */
.post_list-type_thm_bg-l .post_substr {
	margin: 10px 0 0;
}
.post_title .post_icon {
	vertical-align: middle;
	line-height: 1;
}

/* no-iconクラスがついている時だけafterを消す */
.no-icon .heading_title a:after {
    display: none !important;
}

/* HKD_OW_PJ-1475 【アーカイブ受信】紙面アーカイブページのデザイン修正について */
/* 全体の行間を広げ、複数行に折り返された際の見栄えを調整 */
.page-link-list {
    line-height: 2; /* 必要に応じて 1.8 ～ 2.5 程度で調整してください */
    margin-bottom: 15px; /* 下部コンテンツとの余白 */
}

/* リンク自体のスタイル */
.page-link-item {
    display: inline-block; /* リンクテキストの途中で改行されないようにする */
    color: #006eb0; /* 北海道新聞のリンク青色（既存のスタイルがあれば省略可） */
    font-weight: bold; /* キャプチャのように太字にする場合 */
    text-decoration: none;
}

/* リンクの間に縦線を入れる（最後の要素以外） */
.page-link-item:not(:last-child)::after {
    content: "|";
    color: #b3b3b3; /* 線の色（グレー） */
    margin: 0 12px; /* 線の左右の余白（キャプチャに合わせて広めに設定） */
    font-weight: normal; /* 縦線は太字にしない */
}

/* ホバー時の設定（既存のスタイルがあれば省略可） */
.page-link-item:hover {
    text-decoration: underline;
}
/* 1. 「●面」を黒文字に */
.heading_title a.surface-title {
    color: #000000;
    scroll-margin-top: 160px; /* 追従メニューの高さ分ずらす（適宜数値を調整してください） */
    display: inline-block; /* scroll-marginを効かせるために必要です */
}

/* 3. 見出しのアキ（間隔）を詰める */
.section_topnews .post_item {
    margin-bottom: 10px !important; /* 元の17pxを減らしてアキを詰める（必要に応じて調整してください） */
    padding-bottom: 12px !important;
}

/* 4. 各面の一番最後の見出し下の線を削除 */
.section_topnews .post_list:last-of-type .post_item:last-child {
    border-bottom: none !important;
}

/* 休刊日 */
.paper_holiday {
    border: 1px solid #959595;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 8px 15px 20px;
    padding: 20px;
    text-align: center;
}
/* お待ち下さい */
.paper_no_article {
    border: 1px solid #959595;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 8px 15px 20px;
    padding: 20px;
    text-align: center;
}
/* 北海道新着もっと見るリンク */
.more_link {
    font-size: 15px;
    text-align: right;
    font-weight: 500;
    margin-right: 5px;
}
.more_link a:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f054";
    margin-left: 8px;
}