@charset "UTF-8";
/* =========================================================

	コラム記事

========================================================= */
.column_detail_page * {
	font-family: "YakuHanJP_Noto", "Roboto", "Noto Sans JP", sans-serif;
}

.column_detail_page *::before,
.column_detail_page *::after {
	box-sizing: border-box;
}

.column_detail_page div,
.column_detail_page p,
.column_detail_page h1,
.column_detail_page h2,
.column_detail_page h3,
.column_detail_page ul,
.column_detail_page ol,
.column_detail_page li,
.column_detail_page a {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

.column_detail_page em {
	font-style: normal;
}

.column_detail_page a {
	text-decoration: none;
}

.column_detail_page em {
	font-style: normal;
}

.column_detail_page img {
	max-width: 100%;
	vertical-align: bottom;
}

/* ========================================
	記事コンテナ
======================================== */
.column_detail_page .column_container {
	margin: auto 5%;
}

/* ========================================
	記事タイトル・メタ情報
======================================== */
.column_detail_page .column_single_title {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 22px;
	font-weight: 700;
}

.column_detail_page .column_single_info {
	text-align: right;
	margin-bottom: 30px;
}

.column_detail_page .column_single_info_item {
	display: inline-block;
	color: #868686;
	font-size: 13px;
}

.column_detail_page .column_single_info_item_category {
	color: #212121;
}

.column_detail_page .column_single_tags {
	display: flex;
	flex-wrap: wrap;
}

.column_detail_page .column_single_tags_tag {
	font-size: 12px;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* ========================================
	記事本文・画像・見出し
======================================== */
.column_detail_page .column_single_img {
	display: block;
	max-width: 100%;
	max-height: 350px;
	margin: 0 auto;
}

.column_detail_page .column_single_img_credit {
	font-size: 13px;
	margin: 5px 0 20px;
	width: 100%;
}

.column_detail_page .column_single_img_credit a {
	color: #868686;
}

.column_detail_page .column_single_introduction {
	margin-bottom: 20px;
}

.column_detail_page .column_single_text {
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 14px;
}

.column_detail_page .column_single_h2 {
	position: relative;
	padding: 12px 10px;
	margin-bottom: 24px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	background-color: #f6f6f6;
}

.column_detail_page .column_single_h3 {
	padding: 6px 0 10px 0;
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #212121;
}

.column_detail_page .column_single_h4 {
	padding: 0 0 12px 0;
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #d5d5d5;
}

/* ========================================
	リスト、目次（Index）
======================================== */
.column_detail_page .column_single_list {
	margin: 40px auto 40px;
	padding: 24px 20px 20px 20px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
}
.column_detail_page .column_single_list .column_single_list_title_wrap {
	width: -webkit-fit-content;
	width: fit-content;
	background-color: #ffffff;
	margin: -2.6em auto 1em 0;
}
.column_detail_page .column_single_list .column_single_list_title {
	display: block;
	padding: 0 12px;
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
}
.column_detail_page .column_single_list .column_single_list_list_item {
	position: relative;
	margin-bottom: 10px;
	padding-left: 16px;
	line-height: 1.5;
	font-size: 13px;
}
.column_detail_page .column_single_list .column_single_list_list_item:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
.column_detail_page .column_single_list .column_single_list_list_item::before {
	content: "";
	left: 0;
	position: absolute;
}

.column_detail_page .column_single_list_ul .column_single_list_list_item::before {
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #212121;
}

.column_detail_page .column_single_list_ol {
	counter-reset: number;
}
.column_detail_page .column_single_list_ol .column_single_list_list_item::before {
	counter-increment: number;
	content: counter(number);
	top: 0;
	font-size: 16px;
	font-style: normal;
}

.column_detail_page .column_single_list_index {
	margin-top: 20px;
}
.column_detail_page .column_single_list_index .column_single_list_title_wrap {
	margin-top: -3em;
}
.column_detail_page .column_single_list_index .column_single_list_title {
	position: relative;
	font-size: 20px;
}
.column_detail_page .column_single_list_index .column_single_list_list_item {
	border-bottom: 1px dotted #E0E0E0;
}
.column_detail_page .column_single_list_index .column_single_list_list_item::before {
	top: 6px;
	width: 6px;
	height: 6px;
	background-color: #212121;
}

/* ========================================
	商品紹介ボックス（column_single_ad）
======================================== */
.column_detail_page .column_single_ad {
	margin-bottom: 30px;
}
.column_detail_page .column_single_ad .column_single_ad_flex_wrapper {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.column_detail_page .column_single_ad .column_single_ad_image {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	max-height: 300px;
	margin: auto;
	box-sizing: border-box;
	text-align: center;
}
.column_detail_page .column_single_ad .column_single_ad_credit {
	display: block;
	text-align: left;
}
.column_detail_page .column_single_ad .column_single_ad_contents {
	width: 100%;
	text-align: center;
}
.column_detail_page .column_single_ad .column_single_ad_brand {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 14px;
}
.column_detail_page .column_single_ad .column_single_ad_brand img {
	height: 30px;
}
.column_detail_page .column_single_ad .column_single_ad_name {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
}
.column_detail_page .column_single_ad .column_single_ad_price {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.5;
}
.column_detail_page .column_single_ad .column_single_ad_price .zeikomi {
	font-size: 0.5em;
}
.column_detail_page .column_single_ad .column_single_ad_desc {
	padding: 10px 0;
	font-size: 13px;
	line-height: 1.5;
}

/* ========================================
	関連記事（column_single_related）
======================================== */
.column_detail_page .column_single_related {
	position: relative;
	display: block;
	margin: 40px 0 30px 0;
	border: 1px solid #CFA32A;
	transition: 0.3s;
}
.column_detail_page .column_single_related .column_single_related_label_wrap {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	display: block;
	width: -webkit-fit-content;
	width: fit-content;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.column_detail_page .column_single_related .column_single_related_label {
	position: relative;
	padding: 0.48em 1em 0.4em;
	text-align: center;
	color: #CFA32A;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	background-color: #ffffff;
}
.column_detail_page .column_single_related .column_single_related_split_content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	padding: 24px 20px 20px 20px;
}
.column_detail_page .column_single_related .column_single_related_thumb {
	display: block;
	width: 90px;
}
.column_detail_page .column_single_related .column_single_related_title {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}
.column_detail_page .column_single_related .column_single_related_desc {
	line-height: 1.5;
	color: #868686;
	font-size: 12px;
}

/* ========================================
	動画（column_single_iframe）
======================================== */
.column_detail_page .column_single_iframe {
	margin-bottom: 20px;
}
.column_detail_page .column_single_iframe.column_single_iframe_youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.column_detail_page .column_single_iframe.column_single_iframe_youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ========================================
	引用（レビュー）
======================================== */
.column_detail_page .column_single_quote {
	margin-bottom: 20px;
	padding: 24px 24px 24px 24px;
	background-size: cover;
	background-color: #f6f6f6;
}
.column_detail_page .column_single_quote .column_single_quote_text {
	line-height: 1.5;
	font-size: 13px;
}
.column_detail_page .column_single_quote .column_single_quote_source {
	margin-top: 8px;
	line-height: 1.5;
	text-align: right;
	font-size: 13px;
	color: #868686;
}

/* ========================================
編集者コメント
======================================== */
.column_detail_page .column_single_character {
	display: flex;
	font-size: 14px;
	margin-bottom: 20px;
	justify-content: space-between;
	padding: 0 3px;
}
.column_detail_page .column_single_character .column_single_character_content_body {
	padding: 10px 5px;
	line-height: 1.6;
	font-size: 13px;
	white-space: pre-line;
	word-wrap: break-word;
}
.column_detail_page .column_single_character .column_single_character_avatar {
	width: 70px;
	text-align: center;
}
.column_detail_page .column_single_character .column_single_character_icon img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.column_detail_page .column_single_character .column_single_character_name {
	margin-top: 8px;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 11px;
}
.column_detail_page .column_single_character .column_single_character_left_balloon {
	padding: 8px 0;
	flex: 1;
}
.column_detail_page .column_single_character .column_single_character_left_balloon_content {
	display: inline-block;
	position: relative;
	margin-left: 16px;
	padding: 13px 10px;
	border-radius: 12px;
	background: #f6f6f6;
}
.column_detail_page .column_single_character .column_single_character_left_balloon_content:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px;
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #f6f6f6;
}
.column_detail_page .column_single_character .column_single_character_right_balloon {
	padding: 8px 0;
	margin-right: 20px;
	width: 100%;
	max-width: 70%;
}
.column_detail_page .column_single_character .column_single_character_right_balloon_content {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	padding: 13px 10px;
	border-radius: 12px;
	background: #e8e8e8;
	min-width: 100%;
}
.column_detail_page .column_single_character .column_single_character_right_balloon_content:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px;
	right: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #e8e8e8;
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

/* ========================================
	テーブル
======================================== */
.column_detail_page .column_single_table_title {
	margin-bottom: 12px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.column_detail_page .column_single_table_title .column_single_table_title_text {
	border-bottom: 1px solid #212121;
	padding-bottom: 0.2em;
}

.column_detail_page .column_single_table {
	margin: 0px auto 20px;
	width: 100%;
	font-size: 13px;
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.column_detail_page .column_single_table table {
	border: 1px double #B4B4B4;
	width: 100%;
	max-width: 100%;
}
.column_detail_page .column_single_table table td {
	line-height: 1.5;
	padding: 0.5em;
	border: 1px solid #e8e8e8;
	word-wrap: break-word;
}
.column_detail_page .column_single_table .cell_bg01 {
	background-color: #f6f6f6;
}
.column_detail_page .column_single_table .column_single_table_cell_left {
	text-align: left;
}
.column_detail_page .column_single_table .column_single_table_cell_center {
	text-align: center;
}
.column_detail_page .column_single_table .column_single_table_cell_right {
	text-align: right;
}

/* ========================================
	シェアボタン（column_share）
======================================== */
.column_detail_page .column_share {
	display: flex;
}
.column_detail_page .column_share .column_share_item {
	flex: 1;
}
.column_detail_page .column_share .column_share_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}
.column_detail_page .column_share .column_share_btn.is_x {
	background-color: #000;
}
.column_detail_page .column_share .column_share_btn.is_fb {
	background-color: #3b5998;
}
.column_detail_page .column_share .column_share_btn.is_line {
	background-color: #00b900;
}

.column_detail_page .column_share_large .column_share_btn {
	gap: 2px;
	padding: 10px 6px 10px 0;
	font-size: 13px;
	line-height: 1;
}
.column_detail_page .column_share_large .column_share_icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.column_detail_page .column_share_small {
	width: auto;
	gap: 8px;
}
.column_detail_page .column_share_small .column_share_item {
	flex: none;
}
.column_detail_page .column_share_small .column_share_btn {
	width: 36px;
	height: 36px;
}
.column_detail_page .column_share_small .column_share_icon {
	width: 32px;
	height: 32px;
	object-fit: contain;
}
.column_detail_page .column_share_small .column_share_text {
	display: none;
}

/* ========================================
	免責事項
======================================== */
.column_detail_page .column_single_warning {
	color: #868686;
	font-size: 12px;
	line-height: 1.5;
	padding: 10px 0;
}

/* ========================================
	テキストマーカー（蛍光ペン）
======================================== */
.column_detail_page .column_single_marker {
	font-style: inherit;
	background: linear-gradient(transparent 0%, #fffecc 0%);
}

/* ========================================
	ユーティリティ
======================================== */
.column_detail_page .column_u_flex {
	display: flex !important;
}

.column_detail_page .column_u_jc_flex_start {
	justify-content: flex-start !important;
}

.column_detail_page .column_u_jc_center {
	justify-content: center !important;
}

.column_detail_page .column_u_jc_flex_end {
	justify-content: flex-end !important;
}

.column_detail_page .column_u_mb20 {
	margin-bottom: 20px !important;
}

.column_detail_page .column_u_w60per {
	width: 60% !important;
}