@charset "utf-8";

/*------------------------------------------------------------
Global MADO & Top Messages
Detail Page（Responsive）

依存: --vw-unit は glmado_rsp.css で定義（globalmado_head_rsp.html 経由で読込）

構成:
  [Common]  PC/SP 共通（色・太さ・table 等）
  [PC]      @media screen and (min-width: 768px)  ※値はオリジナル glmado_detail.css から移行
  [SP]      @media screen and (max-width: 767px)   ※途中 CSS の数値を採用
  .detail_main ブロック間隔: PC gap 30px / SP gap calc(24 * var(--vw-unit))
  #comments 周り: 記事詳細ページ専用（本ファイル）
  コメント確認・完了: glmado_comment_rsp.css
------------------------------------------------------------ */


/*------------------------------------------------------------
[Common]
------------------------------------------------------------ */

/*------------------------------------------------------------
page_global_mado / page_top_messages: #mado_detail #contents .label
------------------------------------------------------------ */
.page_global_mado #mado_detail #contents .label a:hover,
.page_top_messages #mado_detail #contents .label a:hover {
	text-decoration: none;
}

.page_global_mado #mado_detail #contents .label p,
.page_top_messages #mado_detail #contents .label p {
	margin: 0;
}

#mado_detail #contents p.btn.print a {
	color: #333;
	background-image: url(/assets/img/detail/icon_print.svg);
	background-repeat: no-repeat;
}

#mado_detail #contents .share_gimmick .btn_share {
	display: inline-block;
	cursor: pointer;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #A9D4DF;
	background-color: #fff;
	background-image: url(/assets/img/detail/icon_share.svg);
	background-repeat: no-repeat;
}

#mado_detail #contents .share_gimmick .btn_share:hover {
	background-color: #F1F4F6;
}

#mado_detail #contents .share_gimmick .baloon {
	display: none;
	background: #E4E9ED;
	border-radius: 4px;
}

#mado_detail #contents .share_gimmick .baloon::before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 12px 6px;
	border-color: transparent transparent #E4E9ED transparent;
}

#mado_detail #contents .share_gimmick .baloon.show {
	display: block;
}

#mado_detail #contents .share_gimmick .baloon .show_url {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

#mado_detail #contents .share_gimmick .baloon .urltext {
	position: relative;
	background: #fff;
	border-radius: 4px;
	white-space: nowrap;
	overflow: hidden;
}

#mado_detail #contents .share_gimmick .baloon .btn_close {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/assets/img/icon_close.svg) no-repeat center center / 16px;
}

#mado_detail #contents .share_gimmick .baloon .btn_close:hover {
	opacity: 0.6;
}

#mado_detail #contents .share_gimmick .baloon .btn_copy {
	display: block;
	position: absolute;
	background: #fff;
	border-radius: 0 4px 4px 0;
}

#mado_detail #contents .share_gimmick .baloon .btn_copy span {
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	background: #0F96B8;
	border-radius: 2px;
}

#mado_detail #contents .share_gimmick .baloon .btn_copy span::before {
	content: "";
	position: absolute;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

#mado_detail #contents .share_gimmick .baloon .btn_copy span:hover {
	opacity: 0.8;
}

#mado_detail #contents .share_gimmick .baloon .copy_alert {
	display: none;
	position: absolute;
	color: #666;
	background: #ccc;
	border-radius: 4px;
	text-align: center;
}

#mado_detail #contents .likeContainer,
#mado_detail #contents .dasisttoll {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#mado_detail #contents .likeContainer p,
#mado_detail #contents .dasisttoll p {
	margin: 0;
}

#mado_detail #contents .likeContainer .like_overwrite,
#mado_detail #contents .dasisttoll a {
	display: inline-block;
	text-decoration: none;
	background: #ccc;
	color: #FFF;
	border: none;
	border-bottom: none;
}

#mado_detail #contents .likeContainer .like_overwrite.cursor-pointer,
#mado_detail #contents .dasisttoll.on a.button {
	background: #73cbe1;
}

#mado_detail #contents .likeContainer .like_overwrite.cursor-pointer:hover,
#mado_detail #contents .dasisttoll.on a.button:hover {
	opacity: .8;
	cursor: pointer;
}

#mado_detail #contents .likeContainer .like,
#mado_detail #contents .dasisttoll .counter {
	position: relative;
	color: #333;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
}

#mado_detail #contents .likeContainer .like:before,
#mado_detail #contents .likeContainer .like:after,
#mado_detail #contents .dasisttoll .counter:before,
#mado_detail #contents .dasisttoll .counter:after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 8px 4px 0;
}

#mado_detail #contents .likeContainer .like:before,
#mado_detail #contents .dasisttoll .counter:before {
	border-color: transparent #CCC transparent transparent;
}

#mado_detail #contents .likeContainer .like:after,
#mado_detail #contents .dasisttoll .counter:after {
	border-color: transparent #FFF transparent transparent;
}

#mado_detail #contents .likeContainer .like img {
	display: none;
}

#mado_detail #contents .dasisttoll.kill {
	display: none;
}

/*------------------------------------------------------------
aside.detail_side
------------------------------------------------------------ */
.glmado_contents #mado_detail aside.detail_side section {
	background: #F6F9F9;
}

.glmado_contents #mado_detail aside.detail_side section h3 {
	font-weight: normal;
}

.glmado_contents .detail_side .contents_list {
	width: 100%;
}

.glmado_contents .detail_side .contents_list li:first-child {
	border-top: none;
}

.glmado_contents .detail_side .contents_list .category {
	background: #fff;
}

.glmado_contents #mado_detail aside.detail_side section .btn {
	text-align: center;
}

/* page_global_mado: Mado 記事ページ */
.page_global_mado .glmado_contents .detail_side .contents_list li a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.page_global_mado .glmado_contents .detail_side .contents_list figure {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------
#mado_detail #contents .detail_main .signature
page_global_mado: Mado 記事ページ 著者欄
------------------------------------------------------------ */
#mado_detail #contents .signature {
	text-align: right;
}

#mado_detail #contents .signature p {
	margin-bottom: 0;
	line-height: 1.4;
}

#mado_detail #contents .signature .name a {
	background: url('/assets/img/detail/icon_mail.svg') no-repeat right center;
}

#mado_detail #contents .signature .author01,
#mado_detail #contents .signature .author02,
#mado_detail #contents .signature .author03,
#mado_detail #contents .signature .author04,
#mado_detail #contents .signature .author05 {
	position: relative;
}

#mado_detail #contents .signature .author01 .faceimage,
#mado_detail #contents .signature .author02 .faceimage,
#mado_detail #contents .signature .author03 .faceimage,
#mado_detail #contents .signature .author04 .faceimage,
#mado_detail #contents .signature .author05 .faceimage {
	position: absolute;
	right: 0;
	float: none;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #DDD;
}

/*------------------------------------------------------------
page_top_messages: 取締役SAJI / 取締役TORII 記事ページ
.signature_img（人物別・編集者引継ぎ）
------------------------------------------------------------ */
.page_top_messages #entryBody .signature_img {
	display: block;
	margin: 0;
	text-align: right;
}

/*------------------------------------------------------------
#comments / goto_fb / #commentsContainer / #feedbackContainer / .btn_gotonext
記事詳細ページ専用（GEMBA Stories / Executive Leadership Messages）
ブロック間隔: PC gap 30px / SP gap calc(24 * var(--vw-unit))
form は display:contents で #feedbackContainer を flex 子に
------------------------------------------------------------ */
.glmado_contents #mado_detail #contents #feedbackContainer {
	margin: 0;
	padding: 0;
	background: none;
}

.glmado_contents #mado_detail #contents #feedbackContainer .inner {
	display: block;
	padding: 20px 20px 30px;
	background: var(--color-bg-smoke);
}

.glmado_contents #mado_detail #contents #feedbackContainer h3 {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	font-size: 16px;
	line-height: 1;
	color: var(--color-text);
	font-weight: normal;
	text-align: left;
	background: url(/assets/img/detail/icon_feedback.svg) no-repeat 0 0 / 14px;
}

.glmado_contents #mado_detail #contents #feedbackContainer #feedbackText,
.glmado_contents #mado_detail #contents #feedbackContainer #comment-text,
.glmado_contents #mado_detail #contents #feedbackContainer #feedbackCompany,
.glmado_contents #mado_detail #contents #feedbackContainer #customfield_comment_name,
.glmado_contents #mado_detail #contents #feedbackContainer #customfield_cmt_company,
.glmado_contents #mado_detail #contents #feedbackContainer #comment-author {
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 5px;
	width: 100%;
	border: 1px solid var(--color-disabled-text);
	font-size: 14px;
	line-height: 1.5;
}

.glmado_contents #mado_detail #contents #feedbackContainer #profile_your_name-field .field-header label {
	font-weight: normal;
}

.glmado_contents #mado_detail #contents #feedbackContainer #ccustomfield .tlFeedbackCompany {
	display: none;
}

.glmado_contents #mado_detail #contents #feedbackContainer .btnContainer {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
}

.glmado_contents #mado_detail #contents #feedbackContainer p.sub_title,
#mado_detail #contents #feedbackContainer p.sub_title,
.glmado_contents #mado_detail #contents #feedbackContainer #profile_your_name-field .field-header {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
}

.glmado_contents #mado_detail #feedbackContainer .btnContainer input {
	display: inline-block;
	width: 210px;
	height: 36px;
	padding: 0 20px;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 4px;
	font-size: 14px;
	font-weight: normal;
	line-height: 36px;
	color: var(--color-text);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.glmado_contents #mado_detail #feedbackContainer .btnContainer input:hover {
	background-color: var(--color-bg-smoke-light);
}

#mado_detail #contents #comments.comments {
	display: flex;
	flex-direction: column;
}

#mado_detail #contents #comments.comments form {
	display: contents;
}

#mado_detail #contents .btn.goto_fb {
	margin: 0;
	padding: 0;
	text-align: center;
}

#mado_detail #contents .btn.goto_fb a {
	display: inline-block;
	margin: 0 auto;
	padding: 0 35px 0 20px;
	text-align: center;
	color: var(--color-text);
	text-decoration: none;
	background-image: url(/assets/img/arrow_down.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: right 15px center;
}

#mado_detail #contents .btn.goto_fb a:hover {
	text-decoration: none;
}

.glmado_contents #mado_detail #contents #commentsContainer {
	margin: 0;
	padding: 20px;
	background: #D4EAEF;
}

.glmado_contents #mado_detail #contents #commentsContainer h3 {
	margin: 0 0 10px;
	padding: 0 0 0 22px;
	font-size: 16px;
	line-height: 1;
	color: var(--color-text);
	font-weight: normal;
	background: url(/assets/img/detail/icon_comment.svg) no-repeat 0 top / 17px;
}

#mado_detail #contents #commentsContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mado_detail #contents #commentsContainer li {
	margin: 0 0 0 15px;
	padding: 15px 20px;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 15px;
	color: var(--color-text);
	border: solid 1px #ccc;
	border-radius: 8px;
	position: relative;
	background: #fff;
	list-style: none;
}

#mado_detail #contents #commentsContainer li+li {
	margin-top: 15px;
}

#mado_detail #contents #commentsContainer li::before {
	content: "";
	border-left: 16px solid transparent;
	border-bottom: 16px solid #ccc;
	position: absolute;
	bottom: 20px;
	left: -16px;
}

#mado_detail #contents #commentsContainer li::after {
	content: "";
	border-left: 15px solid transparent;
	border-bottom: 15px solid #fff;
	position: absolute;
	bottom: 21px;
	left: -14px;
}

#mado_detail #contents #commentsContainer li p,
#mado_detail #contents #commentsContainer li p.text,
#mado_detail #contents #commentsContainer li p.text p {
	margin: 0;
	font-size: inherit;
	line-height: 1.5;
}

#mado_detail #contents #commentsContainer li p+p {
	margin: 10px 0 0;
}

#mado_detail #contents #commentsContainer li p.name {
	text-align: right;
	font-size: 14px;
	margin: 7px 0 0;
}

#mado_detail #contents #commentsContainer li p.name:empty {
	display: none;
	margin: 0;
}

#mado_detail #contents #commentsContainer li p.name+p.name {
	margin: 0;
}

#mado_detail #contents #commentsContainer li p.name+p.name:not(:empty) {
	margin-top: 0;
}

#mado_detail #contents #comments.comments+.btn_gotonext {
	margin-top: 0;
}

#mado_detail .btn_gotonext {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mado_detail .btn_gotonext li.btn.prev,
#mado_detail .btn_gotonext li.btn.next {
	flex-shrink: 0;
	width: 66px;
	margin: 0;
}

#mado_detail #contents .btn_gotonext .btn.prev a,
#mado_detail #contents .btn_gotonext .btn.next a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 66px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 3px;
	font: inherit;
	font-size: 14px;
	line-height: 1;
	color: var(--color-text);
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
}

#mado_detail #contents .btn_gotonext .btn.prev a:hover,
#mado_detail #contents .btn_gotonext .btn.next a:hover {
	background: var(--color-bg-smoke-light);
	color: var(--color-text);
	text-decoration: none;
}

#mado_detail #contents .btn_gotonext .btn.prev a::before {
	content: '';
	display: block;
	width: 6px;
	height: 12px;
	flex-shrink: 0;
	background: url(/assets/img/arrow_left.svg) no-repeat center / contain;
}

#mado_detail #contents .btn_gotonext .btn.next a::after {
	content: '';
	display: block;
	width: 6px;
	height: 12px;
	flex-shrink: 0;
	background: url(/assets/img/arrow_right.svg) no-repeat center / contain;
}

/*------------------------------------------------------------
#mado_detail #contents #articleTitle
------------------------------------------------------------ */
#mado_detail #contents #articleTitle p.sub_category {
	line-height: 1.3;
	color: #666;
	font-weight: normal;
}

#mado_detail #contents #articleTitle p.vol {
	line-height: 1.3;
	font-weight: bold;
}

#mado_detail #contents #articleTitle h1 {
	line-height: 1.3;
	font-weight: bold;
}

#mado_detail #contents #articleTitle p {
	line-height: 1.3;
	font-weight: bold;
}

/*------------------------------------------------------------
本文共通
#mado_detail article#contents .detail_main #cfthmbsnailtop
#mado_detail article#contents .detail_main #entryBody
#mado_detail article#contents .detail_main .photoContainer
#mado_detail article#contents .detail_main .textBlock
------------------------------------------------------------ */

#mado_detail #contents p.clear {
	clear: both;
}

#mado_detail #contents p,
#mado_detail #contents li {
	line-height: 1.7;
}

#mado_detail #contents p.subtitle {
	font-weight: bold;
	color: #0EB2DC;
}

#mado_detail #contents p:last-child {
	margin-bottom: 0;
}

/* MT由来の空タグ（<p></p> / <p><br></p> 等）の余白を無効化
   page_global_mado / page_top_messages 共通（PC / SP） */
#mado_detail #entryBody div:empty,
#mado_detail #entryBody p:empty,
#mado_detail #entryBody li:empty,
#mado_detail #entryBody b:empty,
#mado_detail #entryBody span:empty,
#mado_detail #entryBody p:has(> br:only-child) {
	display: none;
	margin: 0 !important;
	padding: 0 !important;
}

#mado_detail #contents strong {
	font-weight: bold;
}

.glmado_contents em,
.glmado_contents i {
	font-style: italic;
}

#mado_detail #contents span {
	font-size: inherit;
}

#mado_detail #contents sup,
#mado_detail #contents .ttop {
	vertical-align: super;
	font-size: 66.666666666666667%;
	line-height: 1;
}

#mado_detail #contents sub,
#mado_detail #contents .small {
	vertical-align: baseline;
	font-size: 80%;
}

#mado_detail #contents .italy {
	font-style: italic;
}

#mado_detail #contents .red {
	color: #f00;
	font-weight: bold;
}

#mado_detail #contents a {
	color: #0F96B8;
	text-decoration: none;
}

#mado_detail #contents a:hover {
	text-decoration: underline;
}

#mado_detail #contents a.external {
	padding-right: 18px;
	background: url(/assets/img/icon_external_bl.svg) no-repeat right 3px center / 12px;
}

#mado_detail #contents table {
	margin: 0 auto 25px;
	clear: both;
}

#mado_detail #contents .photoContainer table {
	margin-bottom: 0;
}

#mado_detail .photoContainer figure {
	margin: 0;
}

#mado_detail #contents table[border="1"] td,
#mado_detail #contents table[border="1"] th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#mado_detail #contents table[border="1"] tr:last-child th,
#mado_detail #contents table[border="1"] tr:last-child td {
	border-bottom: 1px solid #ccc;
}

#mado_detail #contents table[border="1"] th:last-child,
#mado_detail #contents table[border="1"] td:last-child {
	border-right: 1px solid #ccc;
}

#mado_detail #contents table[border="0"] td,
#mado_detail #contents table[border="0"] th,
#mado_detail #contents table[border="0"] tr:last-child th,
#mado_detail #contents table[border="0"] tr:last-child td,
#mado_detail #contents table[border="0"] th:last-child,
#mado_detail #contents table[border="0"] td:last-child {
	border: none;
}

#mado_detail #contents th,
#mado_detail #contents td {
	vertical-align: top;
	font-size: 15px;
	line-height: 1.7;
}

#mado_detail #contents th p,
#mado_detail #contents td p {
	margin-bottom: 0;
	font-size: inherit;
}

#mado_detail #contents td table,
#mado_detail #contents td th,
#mado_detail #contents td td {
	padding: 0;
	margin: 0;
}

#mado_detail #contents p.widhbg {
	background: #e0f3f8;
}

/*------------------------------------------------------------
#mado_detail #entryBody .yerrow-box
例外: 人物紹介記事（000202605.html）のみ使用
------------------------------------------------------------ */
#mado_detail #entryBody .yerrow-box {
	border: solid 1px #F7EBC4;
	background: #FBFBF3;
}

#mado_detail #entryBody .yerrow-box p:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------
#mado_detail #entryBody p.portrait
例外: 人物肖像写真（000202605.html 等）
------------------------------------------------------------ */
#mado_detail #entryBody p.portrait img {
	float: right;
	margin: 0 0 15px 15px;
	width: 220px;
	height: auto;
}

/*------------------------------------------------------------
画像キャプション共通
#cfthmbsnailtop / #entryBody / .photoContainer
------------------------------------------------------------ */
#mado_detail #cfthmbsnailtop figcaption,
#mado_detail #entryBody figure figcaption,
#mado_detail #entryBody .photocaption,
#mado_detail .photoContainer figcaption,
#mado_detail .photoContainer .photocaption,
.page_top_messages #entryBody .photoLayout figcaption {
	line-height: 1.5;
	text-align: center;
}

.page_top_messages #entryBody td p.txt {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	text-align: center;
}

/*------------------------------------------------------------
page_top_messages: .mainImage
取締役SAJI / 取締役TORII 記事ページ メイン画像
------------------------------------------------------------ */
.page_top_messages #entryBody .mainImage {
	text-align: center;
}

/*------------------------------------------------------------
page_top_messages: .photoLayout
取締役SAJI / 取締役TORII 記事ページ 本文内画像（photoContainer 相当）
------------------------------------------------------------ */
.page_top_messages #entryBody .photoLayout table {
	margin-bottom: 0;
}

.page_top_messages #entryBody .photoLayout figure {
	margin: 0;
}

.page_top_messages #entryBody .photoLayout figcaption {
	margin: 5px 0 0;
	padding: 0 10px;
	font-size: small;
}

/*------------------------------------------------------------
#cfthmbsnailtop
page_global_mado: Mado 記事ページ メイン画像
.mainImage と同様: 縦長・横長とも比率を保って収める（PC / SP とも object-fit 不使用）
------------------------------------------------------------ */
#mado_detail #cfthmbsnailtop {
	text-align: center;
}

/*------------------------------------------------------------
既存の本文common Adjustment version（レガシークラス・PC）
※歴代記事用。新テンプレートでは未使用。SP は後日確認。
------------------------------------------------------------ */
/*
#mado_detail #contents .clfix {
	display: block;
}

#mado_detail #contents .clfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

#mado_detail #entryBody .imgArea {
	clear: both;
	text-align: center;
	line-height: 1.5;
	padding: 0 0 20px 0;
}

#mado_detail #entryBody .imgArea02 {
	clear: both;
	text-align: center;
	line-height: 1.5;
}

#mado_detail #entryBody .box01 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#mado_detail #entryBody .box01 .txtBox {
	float: left;
	width: 400px;
}

#mado_detail #entryBody .box01 .photoBox {
	float: right;
	width: 240px;
}

#mado_detail #entryBody .box02 {
	width: 582px;
	margin: 0 auto 12px;
	overflow: hidden;
}

#mado_detail #entryBody .box03 {
	clear: both;
	width: 511px;
	margin: 0 auto 20px;
	overflow: hidden;
}

#mado_detail #entryBody .box04 {
	clear: both;
	width: 620px;
	margin: 0 auto 12px;
	overflow: hidden;
}

#mado_detail #entryBody .box05 {
	clear: both;
	width: 640px;
	margin: 0 auto 12px;
	overflow: hidden;
}

#mado_detail #entryBody p.txt {
	padding: 0;
}

#mado_detail #entryBody p.txt02,
#mado_detail #entryBody p.txt03,
#mado_detail #entryBody p.txt04 {
	clear: both;
	padding: 0;
	margin-bottom: 5px;
}

#mado_detail #entryBody p span.lead,
#mado_detail #entryBody p.txt span.lead,
#mado_detail #entryBody p.txt02 span.lead,
#mado_detail #entryBody p.txt03 span.lead {
	color: #0EB2DC;
	font-weight: bold;
}

#mado_detail #entryBody p.txt span.lead02,
#mado_detail #entryBody p.txt02 span.lead02,
#mado_detail #entryBody p.txt03 span.lead02 {
	color: #000;
	font-weight: bold;
}

#mado_detail #entryBody .right {
	float: right;
}

#mado_detail #entryBody .left {
	float: left;
}

#mado_detail #entryBody .photoCenter {
	clear: both;
	text-align: center;
	padding: 0 0 25px;
}

#mado_detail #entryBody figure.left,
#mado_detail #entryBody img.left {
	float: left;
	margin: 5px 20px 20px 0;
}

#mado_detail #entryBody figure.right,
#mado_detail #entryBody img.right {
	float: right;
	margin: 5px 0 20px 20px;
}

#mado_detail #entryBody img.rightmtop0 {
	float: right;
	margin: 0 0 10px 20px;
}

#mado_detail #entryBody .sign {
	clear: both;
	text-align: right;
	margin: 0;
}

#mado_detail #entryBody .sign+div,
#mado_detail #entryBody .sign+ul,
#mado_detail #entryBody .sign+p {
	margin-top: 20px;
}

#mado_detail #entryBody p.rightInfo {
	clear: both;
	padding: 0;
	margin-bottom: 10px;
	text-align: right;
	font-size: 13px;
	line-height: 1.5;
}

#mado_detail #entryBody p.bottomInfo {
	clear: both;
	text-align: right;
	font-size: 14px;
	margin-bottom: 10px;
}

#mado_detail #entryBody p.min,
#mado_detail #entryBody .smallTxt {
	font-size: 13px;
	margin: 0;
}

#mado_detail #entryBody .bottomLink {
	margin-top: 20px;
}

#mado_detail #entryBody .bottomLink.arrow li,
#mado_detail #entryBody .related li,
#mado_detail #entryBody .related p {
	margin: 5px 0 10px;
	padding: 0 0 0 12px;
	list-style: none;
	line-height: 1.5;
	background: url(/img/marker_tri.png) no-repeat 0 7px;
}

#mado_detail #entryBody ul.list01 {
	margin: 0 0 0 11px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	list-style: none;
}

#mado_detail #entryBody ul.list01 li {
	padding: 0 0 0 17px;
	background: url(/feature/global/images/list_icon.gif) left top 2px no-repeat;
}

#mado_detail #entryBody ul.list02 {
	margin: 0 0 25px 0;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	list-style: none;
}

#mado_detail #entryBody ul.list02 li {
	padding: 0 0 0 17px;
	background: url(/feature/global/images/list_icon02.gif) left top 4px no-repeat;
}

#mado_detail #entryBody ul.list03 {
	margin: 0 0 25px;
	font-size: 14px;
	line-height: 1.5;
	list-style: none;
}

#mado_detail #entryBody ul.list03 li {
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}

#mado_detail #entryBody table.imgArea {
	width: 100%;
	max-width: 654px;
	padding: 0;
}

#mado_detail #entryBody table.imgArea td {
	text-align: center;
	vertical-align: middle;
}
*/

/*------------------------------------------------------------
page_top_messages: 取締役SAJI / 取締役TORII 記事ページ
.detail_main > #entryBody 内 img 制限
------------------------------------------------------------ */
.page_top_messages #entryBody img {
	max-width: 300px;
	max-height: 300px;
	width: auto;
	height: auto;
}

/*------------------------------------------------------------
#annotation
------------------------------------------------------------ */
.glmado_contents #annotation {
	color: #FF0000;
	text-align: left;
	margin: 0 auto;
	font-weight: bold;
	line-height: 1.3;
}


/*------------------------------------------------------------
[PC] @media screen and (min-width: 768px)
------------------------------------------------------------ */
@media screen and (min-width: 768px) {

	/*------------------------------------------------------------
	detail base
	------------------------------------------------------------ */
	.glmado_contents #mado_detail {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		max-width: 1360px;
		width: 100%;
		min-width: 960px;
		margin: 40px auto 0;
		padding: 0;
	}

	.glmado_contents #mado_detail article#contents {
		width: 68.125%;
		/*654-926.5px*/
	}

	.glmado_contents #mado_detail article#contents .detail_main {
		display: flex;
		flex-direction: column;
		gap: 30px;
		width: 654px;
		margin: 0 auto;
	}

	.glmado_contents #mado_detail aside.detail_side {
		width: 28.125%;
		/*270-382.5px*/
	}

	/*------------------------------------------------------------
	aside.detail_side
	------------------------------------------------------------ */
	.glmado_contents #mado_detail aside.detail_side section {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 30px 0 0;
		padding: 30px 20px;
		box-sizing: border-box;
	}

	.glmado_contents #mado_detail aside.detail_side section h3 {
		margin: 0;
		font-size: 20px;
	}

	.glmado_contents .detail_side .contents_list li {
		display: block;
		width: 100%;
		margin: 20px 0 0;
		padding: 20px 0 0;
		border-top: 1px dashed #A9D4DF;
	}

	.glmado_contents .detail_side .contents_list li:first-child {
		margin: 0;
	}

	.glmado_contents .detail_side .contents_list .text {
		margin: 8px 0 0;
		font-size: 13px;
		line-height: 1.5;
	}

	.glmado_contents .contents_list li.new .date::after {
		padding: 1px 4px;
		font-size: 11px;
		line-height: 1;
	}

	.glmado_contents #mado_detail aside.detail_side section .btn {
		margin: 30px 0 0;
	}

	.page_global_mado .glmado_contents .detail_side .contents_list figure {
		width: 33%;
	}

	.page_global_mado .glmado_contents .detail_side .contents_list .text_block {
		width: calc(100% - 36%);
	}

	/*------------------------------------------------------------
	page_global_mado: #mado_detail #contents .label
	------------------------------------------------------------ */
	.page_global_mado #mado_detail #contents .label {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		margin: 20px 0 40px;
	}

	.page_global_mado #mado_detail #contents .label p.date {
		display: inline-block;
		margin: 0 auto 0 0;
		font-size: 15px;
		text-align: left;
	}

	/*------------------------------------------------------------
	page_top_messages: #mado_detail #contents .label
	------------------------------------------------------------ */
	.page_top_messages #mado_detail #contents .label {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		margin: 20px 0 40px;
	}

	.page_top_messages #mado_detail #contents .detail_main > .label {
		margin: 0 0 10px;
	}

	.page_top_messages #mado_detail #contents .label p.date {
		display: inline-block;
		margin: 0 auto 0 0;
		font-size: 15px;
		text-align: left;
	}

	#mado_detail #contents p.btn.print a {
		min-width: 100px;
		margin-right: 15px;
		padding: 0 15px 0 35px;
		background-size: 14px;
		background-position: left 15px center;
	}

	#mado_detail #contents .share_gimmick {
		position: relative;
	}

	#mado_detail #contents .share_gimmick .btn_share {
		min-width: 100px;
		height: 36px;
		padding: 0 15px 0 35px;
		font-size: 14px;
		line-height: 36px;
		border-radius: 4px;
		background-size: 14px;
		background-position: left 15px center;
	}

	#mado_detail #contents .share_gimmick .baloon {
		position: absolute;
		right: -15px;
		top: 48px;
		width: 550px;
		padding: 10px 0;
	}

	#mado_detail #contents .share_gimmick .baloon::before {
		top: -12px;
		right: 52px;
		transform: translateX(-50%);
	}

	#mado_detail #contents .share_gimmick .baloon .urltext {
		width: 495px;
		height: 36px;
		margin-left: 10px;
		font-size: 13px;
		line-height: 36px;
		padding: 0 10px;
	}

	#mado_detail #contents .share_gimmick .baloon .btn_close {
		width: 45px;
		height: 36px;
	}

	#mado_detail #contents .share_gimmick .baloon .btn_copy {
		padding: 5px;
		right: 45px;
		top: 0;
	}

	#mado_detail #contents .share_gimmick .baloon .btn_copy span {
		min-width: 55px;
		height: 26px;
		padding: 0 5px;
		font-size: 14px;
		line-height: 26px;
	}

	#mado_detail #contents .share_gimmick .baloon .btn_copy span::before {
		top: 0;
		left: -40px;
		width: 40px;
		height: 36px;
	}

	#mado_detail #contents .share_gimmick .baloon .copy_alert {
		top: 0;
		left: 10px;
		width: 495px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}

	#mado_detail #contents .likeContainer,
	#mado_detail #contents .dasisttoll {
		margin-left: 15px;
	}

	#mado_detail #contents .signature .likeContainer,
	#mado_detail #contents .signature .dasisttoll {
		margin: 25px 0 0;
	}

	#mado_detail #contents .likeContainer .like_overwrite,
	#mado_detail #contents .dasisttoll a {
		padding: 0 15px;
		font-size: 14px;
		height: 36px;
		line-height: 36px;
		border-radius: 4px;
	}

	#mado_detail #contents .likeContainer .like,
	#mado_detail #contents .dasisttoll .counter {
		height: 36px;
		margin-left: 8px;
		padding: 0 8px;
		font-size: 13px;
		line-height: 36px;
	}

	#mado_detail #contents .likeContainer .like span,
	#mado_detail #contents .dasisttoll .counter span {
		font-size: 13px;
	}

	#mado_detail #contents .likeContainer .like:before,
	#mado_detail #contents .likeContainer .like:after,
	#mado_detail #contents .dasisttoll .counter:before,
	#mado_detail #contents .dasisttoll .counter:after {
		top: 13px;
	}

	#mado_detail #contents .likeContainer .like:before,
	#mado_detail #contents .dasisttoll .counter:before {
		left: -8px;
	}

	#mado_detail #contents .likeContainer .like:after,
	#mado_detail #contents .dasisttoll .counter:after {
		left: -6px;
	}

	/*------------------------------------------------------------
	#mado_detail #contents .detail_main .signature
	page_global_mado: Mado 記事ページ 著者欄
	------------------------------------------------------------ */
	#mado_detail #contents .signature {
		margin: 0;
	}

	#mado_detail #contents .signature p {
		font-size: 14px;
	}

	#mado_detail #contents .signature p.position {
		font-size: 13px;
	}

	#mado_detail #contents .signature .name a {
		padding-right: 20px;
		background-size: 14px;
	}

	#mado_detail #contents .signature .author01,
	#mado_detail #contents .signature .author02,
	#mado_detail #contents .signature .author03,
	#mado_detail #contents .signature .author04,
	#mado_detail #contents .signature .author05 {
		padding: 0 60px 0 0;
		min-height: 50px;
	}

	#mado_detail #contents .signature .author02,
	#mado_detail #contents .signature .author03,
	#mado_detail #contents .signature .author04,
	#mado_detail #contents .signature .author05 {
		margin-top: 15px;
	}

	#mado_detail #contents .signature .author01 .faceimage,
	#mado_detail #contents .signature .author02 .faceimage,
	#mado_detail #contents .signature .author03 .faceimage,
	#mado_detail #contents .signature .author04 .faceimage,
	#mado_detail #contents .signature .author05 .faceimage {
		width: 50px;
		height: 50px;
	}

	/*------------------------------------------------------------
	#comments / #feedbackContainer / .btn_gotonext
	記事詳細ページ専用
	------------------------------------------------------------ */
	#mado_detail #contents #comments.comments {
		gap: 30px;
	}

	.glmado_contents #mado_detail #contents #feedbackContainer {
		scroll-margin-top: 80px;
	}

	/*------------------------------------------------------------
	#mado_detail #contents #articleTitle
	------------------------------------------------------------ */
	#mado_detail #contents #articleTitle p.sub_category {
		font-size: 14px;
		margin: 0 0 5px;
	}

	#mado_detail #contents #articleTitle p.vol {
		font-size: 20px;
		margin: 10px 0 5px;
	}

	#mado_detail #contents #articleTitle h1 {
		font-size: 28px;
	}

	#mado_detail #contents #articleTitle p {
		font-size: 18px;
		margin: 5px 0 0;
	}

	/*------------------------------------------------------------
	本文共通（サイズ・余白）
	p / ul / ol / li / strong / table / td / img / a
	------------------------------------------------------------ */
	#mado_detail #contents p {
		margin-bottom: 20px;
		font-size: 15px;
	}

	#mado_detail #contents p.subtitle {
		font-size: 16px;
		margin-bottom: 5px;
	}

	#mado_detail #contents li {
		margin-bottom: 8px;
		font-size: 15px;
	}

	#mado_detail #contents th,
	#mado_detail #contents td {
		padding: 5px;
	}

	#mado_detail #contents p.widhbg {
		padding: 10px 15px;
	}

	#mado_detail #entryBody .yerrow-box {
		margin-bottom: 25px;
		padding: 10px 15px;
	}

	.glmado_contents #annotation {
		font-size: 20px;
	}

	/*------------------------------------------------------------
	.photoContainer
	※ブロック間隔は .detail_main の gap で管理
	------------------------------------------------------------ */
	#mado_detail #contents .photoContainer table {
		width: 100%;
	}

	#mado_detail #contents .photoContainer td:not(.single):not([colspan]) {
		width: 50%;
		padding: 0 10px;
		text-align: center;
		vertical-align: top;
	}

	#mado_detail .photoContainer figure {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 100%;
		margin: 0 auto;
	}

	#mado_detail .photoContainer figure .images img,
	#mado_detail .photoContainer figure .images_single img {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
	}

	#mado_detail .photoContainer figcaption,
	#mado_detail .photoContainer .photocaption {
		width: 100%;
		text-align: center;
	}

	/*------------------------------------------------------------
	#cfthmbsnailtop
	page_global_mado: Mado 記事ページ メイン画像
	※ブロック間隔は .detail_main の gap で管理
	.mainImage と同様: 縦長・横長とも比率を保って収める（PC / SP とも object-fit 不使用）
	------------------------------------------------------------ */
	#mado_detail #cfthmbsnailtop {
		padding: 0;
	}

	#mado_detail #cfthmbsnailtop .images {
		margin: 0 auto;
		width: auto;
		height: auto;
	}

	#mado_detail #cfthmbsnailtop .images img {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto !important;
		max-width: 425px;
		max-height: 425px;
	}

	#mado_detail #cfthmbsnailtop figcaption {
		width: 425px;
		margin: 5px auto 0;
	}

	#mado_detail #entryBody figure figcaption,
	#mado_detail #entryBody .photocaption,
	#mado_detail .photoContainer figcaption,
	#mado_detail .photoContainer .photocaption,
	.page_top_messages #entryBody .photoLayout figcaption {
		margin: 5px 0 0;
	}

	#mado_detail #cfthmbsnailtop figcaption,
	#mado_detail #entryBody figure figcaption,
	#mado_detail #entryBody .photocaption,
	#mado_detail .photoContainer figcaption,
	#mado_detail .photoContainer .photocaption,
	.page_top_messages #entryBody .photoLayout figcaption,
	.page_top_messages #entryBody td p.txt {
		font-size: 13px !important;
	}

	.page_top_messages #entryBody td p.txt {
		margin: 0 !important;
		padding: 0 !important;
	}

	/*------------------------------------------------------------
	#entryBody
	.detail_main > #entryBody 自由編集エリア（MT）
	------------------------------------------------------------ */
	#mado_detail #entryBody p.txt {
		padding: 0;
	}

	/*------------------------------------------------------------
	page_top_messages: #entryBody table img（レガシー table 用）
	------------------------------------------------------------ */
	.page_top_messages #entryBody table img {
		display: block;
		margin: 0 auto;
	}

	/*------------------------------------------------------------
	page_top_messages: .photoLayout
	------------------------------------------------------------ */
	.page_top_messages #entryBody .photoLayout {
		margin: 0 auto 1.8em;
	}

	.page_top_messages #entryBody .photoLayout table {
		width: 100%;
	}

	.page_top_messages #entryBody .photoLayout td:not(.single):not([colspan]) {
		width: 50%;
		padding: 0 10px;
		text-align: center;
		vertical-align: top;
	}

	.page_top_messages #entryBody .photoLayout figure {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 100%;
		margin: 0 auto;
	}

	.page_top_messages #entryBody .photoLayout figure .images img {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
	}

	.page_top_messages #entryBody .photoLayout figure .images_pair {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		width: 100%;
	}

	.page_top_messages #entryBody .photoLayout figcaption {
		width: 100%;
		text-align: center;
	}

	/*------------------------------------------------------------
	page_top_messages: .photoLayout td.single.image_wide
	mainImage 同等サイズ（PC 425px）
	------------------------------------------------------------ */
	.page_top_messages #entryBody .photoLayout td.single.image_wide figure .images img {
		max-width: 425px;
		max-height: 425px;
	}

	/*------------------------------------------------------------
	page_top_messages: .mainImage
	------------------------------------------------------------ */
	.page_top_messages #entryBody .mainImage {
		margin-bottom: 1.8em;
	}

	.page_top_messages #entryBody .mainImage img {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto !important;
		max-width: 425px;
		max-height: 425px;
	}

	/*------------------------------------------------------------
	page_top_messages: .signature_img
	------------------------------------------------------------ */
	.page_top_messages #entryBody .signature_img > img {
		max-height: 100px;
	}

}


/*------------------------------------------------------------
[SP] @media screen and (max-width: 767px)
------------------------------------------------------------ */
@media screen and (max-width: 767px) {

	/*------------------------------------------------------------
	detail base
	------------------------------------------------------------ */
	.glmado_contents #mado_detail {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		max-width: none;
		min-width: 0;
		width: calc(335 * var(--vw-unit));
		margin: calc(30 * var(--vw-unit)) auto 0;
		padding: 0;
	}

	.glmado_contents #mado_detail article#contents {
		width: 100%;
	}

	.glmado_contents #mado_detail article#contents .detail_main {
		display: flex;
		flex-direction: column;
		gap: calc(24 * var(--vw-unit));
		width: 100%;
		margin: 0;
	}

	.glmado_contents #mado_detail aside.detail_side {
		width: 100vw;
		max-width: 100vw;
		margin-top: calc(30 * var(--vw-unit));
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding-top: 0;
		border-top: none;
	}

	/*------------------------------------------------------------
	#articleTitle
	------------------------------------------------------------ */
	#mado_detail #contents #articleTitle {
		margin: 0 0 calc(9 * var(--vw-unit));
	}

	#mado_detail #contents #articleTitle h1 {
		font-size: calc(21 * var(--vw-unit));
	}

	#mado_detail #contents #articleTitle p.sub_category {
		font-size: calc(14 * var(--vw-unit));
	}

	#mado_detail #contents #articleTitle p.vol {
		font-size: calc(20 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	page_global_mado: .label
	------------------------------------------------------------ */
	.page_global_mado #mado_detail #contents .label {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
		align-items: center;
		gap: calc(9 * var(--vw-unit)) calc(15 * var(--vw-unit));
		margin: 0 0 calc(45 * var(--vw-unit));
		position: relative;
	}

	.page_global_mado #mado_detail #contents .label p.date {
		width: 100%;
		margin: 0;
		font-size: calc(13 * var(--vw-unit));
		line-height: 1.7;
	}

	/*------------------------------------------------------------
	page_top_messages: .label
	------------------------------------------------------------ */
	.page_top_messages #mado_detail #contents .label {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
		align-items: center;
		gap: calc(9 * var(--vw-unit)) calc(15 * var(--vw-unit));
		margin: 0 0 calc(45 * var(--vw-unit));
		position: relative;
	}

	.page_top_messages #mado_detail #contents .detail_main > .label {
		margin: 0 0 10px;
	}

	.page_top_messages #mado_detail #contents .label p.date {
		width: 100%;
		margin: 0;
		font-size: calc(13 * var(--vw-unit));
		line-height: 1.7;
	}

	/* SP: Print ボタン非表示 */
	#mado_detail #contents p.btn.print {
		display: none;
	}

	#mado_detail #contents p.btn.print a {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		min-width: calc(90 * var(--vw-unit));
		width: calc(90 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		margin: 0;
		padding: 0 0 0 calc(40 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		border-radius: calc(3 * var(--vw-unit));
		background-size: calc(14 * var(--vw-unit));
		background-position: left calc(18 * var(--vw-unit)) center;
	}

	#mado_detail #contents .share_gimmick {
		position: static;
	}

	#mado_detail #contents .share_gimmick .btn_share {
		min-width: calc(90 * var(--vw-unit));
		width: calc(90 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		padding: 0 0 0 calc(26 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		border-radius: calc(3 * var(--vw-unit));
		background-size: calc(14 * var(--vw-unit));
		background-position: left calc(14 * var(--vw-unit)) center;
	}

	#mado_detail #contents .share_gimmick .baloon {
		position: absolute;
		left: 0;
		right: auto;
		top: calc(85 * var(--vw-unit));
		width: 100%;
		padding: calc(10 * var(--vw-unit)) 0;
	}

	#mado_detail #contents .share_gimmick .baloon::before {
		top: calc(-12 * var(--vw-unit));
		right: calc(157 * var(--vw-unit));
		transform: translateX(-50%);
		border-width: 0 calc(6 * var(--vw-unit)) calc(12 * var(--vw-unit)) calc(6 * var(--vw-unit));
	}

	#mado_detail #contents .share_gimmick .baloon .urltext,
	#mado_detail #contents .share_gimmick .baloon .copy_alert {
		width: calc(288 * var(--vw-unit));
		font-size: calc(13 * var(--vw-unit));
	}

	#mado_detail #contents .share_gimmick .baloon .urltext {
		height: calc(42 * var(--vw-unit));
		margin-left: calc(10 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		padding: 0 calc(10 * var(--vw-unit));
		border-radius: calc(4 * var(--vw-unit));
	}

	#mado_detail #contents .share_gimmick .baloon .btn_close {
		width: calc(45 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		background-size: calc(16 * var(--vw-unit));
	}

	#mado_detail #contents .share_gimmick .baloon .btn_copy {
		padding: calc(5 * var(--vw-unit));
		right: calc(45 * var(--vw-unit));
		border-radius: 0 calc(4 * var(--vw-unit)) calc(4 * var(--vw-unit)) 0;
	}

	#mado_detail #contents .share_gimmick .baloon .btn_copy span {
		min-width: calc(55 * var(--vw-unit));
		height: calc(26 * var(--vw-unit));
		padding: 0 calc(5 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: calc(26 * var(--vw-unit));
		border-radius: calc(2 * var(--vw-unit));
	}

	#mado_detail #contents .share_gimmick .baloon .btn_copy span::before {
		left: calc(-40 * var(--vw-unit));
		width: calc(40 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
	}

	#mado_detail #contents .share_gimmick .baloon .copy_alert {
		top: 0;
		left: calc(10 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		border-radius: calc(4 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
	}

	#mado_detail #contents .likeContainer,
	#mado_detail #contents .dasisttoll {
		margin: 0;
	}

	#mado_detail #contents .likeContainer .like_overwrite,
	#mado_detail #contents .dasisttoll a {
		height: calc(42 * var(--vw-unit));
		padding: 0 calc(15 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		border-radius: calc(4 * var(--vw-unit));
	}

	#mado_detail #contents .likeContainer .like,
	#mado_detail #contents .dasisttoll .counter {
		height: calc(42 * var(--vw-unit));
		margin-left: calc(8 * var(--vw-unit));
		padding: 0 calc(9 * var(--vw-unit));
		font-size: calc(13 * var(--vw-unit));
		line-height: calc(42 * var(--vw-unit));
		border-radius: calc(3 * var(--vw-unit));
	}

	#mado_detail #contents .likeContainer .like span,
	#mado_detail #contents .dasisttoll .counter span {
		font-size: calc(13 * var(--vw-unit));
	}

	#mado_detail #contents .likeContainer .like:before,
	#mado_detail #contents .likeContainer .like:after,
	#mado_detail #contents .dasisttoll .counter:before,
	#mado_detail #contents .dasisttoll .counter:after {
		top: calc(17 * var(--vw-unit));
		border-width: calc(4 * var(--vw-unit)) calc(8 * var(--vw-unit)) calc(4 * var(--vw-unit)) 0;
	}

	#mado_detail #contents .likeContainer .like:before,
	#mado_detail #contents .dasisttoll .counter:before {
		left: calc(-8 * var(--vw-unit));
	}

	#mado_detail #contents .likeContainer .like:after,
	#mado_detail #contents .dasisttoll .counter:after {
		left: calc(-6 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	本文共通（サイズ・余白）
	p / ul / ol / li / strong / table / td / img / a
	------------------------------------------------------------ */
	#mado_detail #contents p {
		font-size: calc(15 * var(--vw-unit));
		margin-bottom: calc(21 * var(--vw-unit));
	}

	#mado_detail #contents p.subtitle {
		font-size: calc(16 * var(--vw-unit));
		margin-bottom: calc(5 * var(--vw-unit));
	}

	#mado_detail #contents li {
		font-size: calc(15 * var(--vw-unit));
		margin-bottom: calc(9 * var(--vw-unit));
	}

	#mado_detail #contents th,
	#mado_detail #contents td {
		font-size: calc(15 * var(--vw-unit));
		padding: calc(5 * var(--vw-unit));
	}

	#mado_detail #contents p.widhbg {
		padding: calc(12 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	page_top_messages: .mainImage
	------------------------------------------------------------ */
	.page_top_messages #entryBody .mainImage {
		margin-bottom: calc(27 * var(--vw-unit));
	}

	.page_top_messages #entryBody .mainImage img {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto !important;
		max-width: calc(335 * var(--vw-unit));
		max-height: calc(335 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	page_top_messages: .photoLayout
	SP: 画像＋キャプションを1セットずつ縦積み
	------------------------------------------------------------ */
	.page_top_messages #entryBody .photoLayout {
		margin: 0 auto calc(27 * var(--vw-unit));
	}

	.page_top_messages #entryBody .photoLayout table,
	.page_top_messages #entryBody .photoLayout tbody,
	.page_top_messages #entryBody .photoLayout tr {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
	}

	.page_top_messages #entryBody .photoLayout table tr td {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0;
		text-align: center;
	}

	.page_top_messages #entryBody .photoLayout table tr td + td {
		margin-top: calc(15 * var(--vw-unit));
	}

	.page_top_messages #entryBody .photoLayout figure .images,
	.page_top_messages #entryBody .photoLayout table tr td figure .images,
	.page_top_messages #entryBody .photoLayout table tr td.single figure .images {
		width: calc(270 * var(--vw-unit)) !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 auto;
	}

	.page_top_messages #entryBody .photoLayout figure .images_pair {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(15 * var(--vw-unit));
		width: 100%;
	}

	.page_top_messages #entryBody .photoLayout table img {
		display: block;
		width: auto !important;
		height: auto !important;
		margin: 0 auto !important;
		max-width: calc(270 * var(--vw-unit)) !important;
		max-height: calc(270 * var(--vw-unit)) !important;
	}

	.page_top_messages #entryBody .photoLayout figcaption {
		width: 100%;
		margin: calc(6 * var(--vw-unit)) 0 0;
		padding: 0 calc(10 * var(--vw-unit));
		font-size: calc(13 * var(--vw-unit)) !important;
	}

	/*------------------------------------------------------------
	page_top_messages: .photoLayout td.single.image_wide
	mainImage 同等サイズ（SP 335vw 相当・幅・高さ）
	------------------------------------------------------------ */
	.page_top_messages #entryBody .photoLayout table tr td.single.image_wide figure .images {
		width: calc(335 * var(--vw-unit)) !important;
	}

	.page_top_messages #entryBody .photoLayout td.single.image_wide img {
		max-width: calc(335 * var(--vw-unit)) !important;
		max-height: calc(335 * var(--vw-unit)) !important;
	}

	.page_top_messages #entryBody td p.txt {
		margin: 0 !important;
		padding: 0 !important;
	}

	/*------------------------------------------------------------
	#cfthmbsnailtop
	page_global_mado: Mado 記事ページ メイン画像
	.mainImage と同様: 縦長・横長とも比率を保って収める（PC / SP とも object-fit 不使用）
	------------------------------------------------------------ */
	#mado_detail #cfthmbsnailtop {
		padding: 0;
		margin-bottom: 0;
	}

	#mado_detail #cfthmbsnailtop .images {
		width: auto;
		height: auto;
		margin: 0 auto;
	}

	#mado_detail #cfthmbsnailtop .images img {
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto !important;
		max-width: calc(335 * var(--vw-unit));
		max-height: calc(335 * var(--vw-unit));
	}

	#mado_detail #cfthmbsnailtop figcaption {
		width: 100% !important;
		margin: calc(6 * var(--vw-unit)) auto 0;
	}

	#mado_detail #entryBody figure figcaption,
	#mado_detail #entryBody .photocaption,
	#mado_detail .photoContainer figcaption,
	#mado_detail .photoContainer .photocaption {
		margin: calc(5 * var(--vw-unit)) 0 0;
	}

	#mado_detail #cfthmbsnailtop figcaption,
	#mado_detail #entryBody figure figcaption,
	#mado_detail #entryBody .photocaption,
	#mado_detail .photoContainer figcaption,
	#mado_detail .photoContainer .photocaption,
	.page_top_messages #entryBody td p.txt {
		font-size: calc(13 * var(--vw-unit)) !important;
	}

	/*------------------------------------------------------------
	#entryBody
	page_global_mado: 自由編集エリア内 class 無し img
	SP 本文幅 100%（335px 相当）
	------------------------------------------------------------ */
	.page_global_mado #mado_detail #entryBody img {
		display: block;
		width: 100%;
		max-width: calc(335 * var(--vw-unit));
		height: auto;
	}

	.page_global_mado #mado_detail #entryBody p.portrait img {
		float: right;
		width: calc(165 * var(--vw-unit));
		max-width: calc(165 * var(--vw-unit));
		height: auto;
		margin: 0 0 calc(10 * var(--vw-unit)) calc(10 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	.photoContainer
	page_global_mado: 本文内画像はSPで縦積み
	※ブロック間隔は .detail_main の gap で管理
	------------------------------------------------------------ */
	#mado_detail #contents .photoContainer table,
	#mado_detail .photoContainer tbody,
	#mado_detail .photoContainer tr {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
	}

	#mado_detail .photoContainer table tr td {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0;
		text-align: center;
	}

	#mado_detail .photoContainer table tr td + td {
		margin-top: calc(15 * var(--vw-unit));
	}

	#mado_detail .photoContainer figure .images,
	#mado_detail .photoContainer figure .images_single,
	#mado_detail .photoContainer table tr td figure .images,
	#mado_detail .photoContainer table tr td figure .images_single,
	#mado_detail .photoContainer table tr td.single figure .images,
	#mado_detail .photoContainer table tr td.single figure .images_single {
		width: calc(270 * var(--vw-unit)) !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 auto;
	}

	#mado_detail .photoContainer table img {
		display: block;
		width: auto !important;
		height: auto !important;
		margin: 0 auto !important;
		max-width: calc(270 * var(--vw-unit)) !important;
		max-height: calc(270 * var(--vw-unit)) !important;
	}

	#mado_detail .photoContainer figcaption {
		width: 100%;
	}

	/*------------------------------------------------------------
	.signature
	page_global_mado: Mado 記事ページ 著者欄
	------------------------------------------------------------ */
	#mado_detail #contents .signature {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: calc(24 * var(--vw-unit));
		margin: 0;
	}

	#mado_detail #contents .signature .author01,
	#mado_detail #contents .signature .author02,
	#mado_detail #contents .signature .author03,
	#mado_detail #contents .signature .author04,
	#mado_detail #contents .signature .author05 {
		width: 100%;
		min-height: calc(50 * var(--vw-unit));
		padding: 0 calc(60 * var(--vw-unit)) 0 0;
	}

	#mado_detail #contents .signature p {
		font-size: calc(14 * var(--vw-unit));
	}

	#mado_detail #contents .signature p.position {
		font-size: calc(13 * var(--vw-unit));
	}

	#mado_detail #contents .signature .name a {
		background-size: calc(14 * var(--vw-unit));
		padding-right: calc(20 * var(--vw-unit));
	}

	#mado_detail #contents .signature .author01 .faceimage,
	#mado_detail #contents .signature .author02 .faceimage,
	#mado_detail #contents .signature .author03 .faceimage,
	#mado_detail #contents .signature .author04 .faceimage,
	#mado_detail #contents .signature .author05 .faceimage {
		width: calc(50 * var(--vw-unit));
		height: calc(50 * var(--vw-unit));
	}

	#mado_detail #contents .signature .likeContainer,
	#mado_detail #contents .signature .dasisttoll {
		margin: 0;
	}

	#mado_detail #contents .signature .likeContainer .like_overwrite,
	#mado_detail #contents .signature .dasisttoll a {
		height: calc(36 * var(--vw-unit));
		line-height: calc(36 * var(--vw-unit));
	}

	#mado_detail #contents .signature .likeContainer .like,
	#mado_detail #contents .signature .dasisttoll .counter {
		height: calc(36 * var(--vw-unit));
		line-height: calc(36 * var(--vw-unit));
	}

	#mado_detail #contents .signature .likeContainer .like:before,
	#mado_detail #contents .signature .likeContainer .like:after,
	#mado_detail #contents .signature .dasisttoll .counter:before,
	#mado_detail #contents .signature .dasisttoll .counter:after {
		top: calc(14 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	#comments / #feedbackContainer / .btn_gotonext
	記事詳細ページ専用
	------------------------------------------------------------ */
	#mado_detail #contents #comments.comments {
		gap: calc(24 * var(--vw-unit));
	}

	#mado_detail #contents .btn.goto_fb a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: calc(300 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		padding: 0 calc(15 * var(--vw-unit)) 0 0;
		font-size: calc(14 * var(--vw-unit));
		line-height: 1;
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		background-color: var(--color-white);
		background-image: url(/assets/img/arrow_down.svg);
		background-repeat: no-repeat;
		background-size: calc(10 * var(--vw-unit));
		background-position: right calc(15 * var(--vw-unit)) center;
	}

	.glmado_contents #mado_detail #contents #commentsContainer {
		padding: calc(15 * var(--vw-unit));
		width: 100%;
		box-sizing: border-box;
	}

	.glmado_contents #mado_detail #contents #commentsContainer h3 {
		margin: 0 0 calc(9 * var(--vw-unit));
		padding: 0 0 0 calc(22 * var(--vw-unit));
		font-size: calc(16 * var(--vw-unit));
		background-size: calc(17 * var(--vw-unit));
	}

	#mado_detail #contents #commentsContainer ul {
		display: flex;
		flex-direction: column;
		gap: calc(9 * var(--vw-unit));
		padding: 0 0 0 calc(15 * var(--vw-unit));
	}

	#mado_detail #contents #commentsContainer li {
		margin: 0;
		padding: calc(13 * var(--vw-unit));
		min-height: calc(60 * var(--vw-unit));
		font-size: calc(15 * var(--vw-unit));
		border-radius: calc(8 * var(--vw-unit));
	}

	#mado_detail #contents #commentsContainer li+li {
		margin-top: 0;
	}

	#mado_detail #contents #commentsContainer li::before {
		border-left-width: calc(16 * var(--vw-unit));
		border-bottom-width: calc(16 * var(--vw-unit));
		bottom: calc(20 * var(--vw-unit));
		left: calc(-16 * var(--vw-unit));
	}

	#mado_detail #contents #commentsContainer li::after {
		border-left-width: calc(15 * var(--vw-unit));
		border-bottom-width: calc(15 * var(--vw-unit));
		bottom: calc(21 * var(--vw-unit));
		left: calc(-14 * var(--vw-unit));
	}

	#mado_detail #contents #commentsContainer li p,
	#mado_detail #contents #commentsContainer li p.text,
	#mado_detail #contents #commentsContainer li p.text p {
		font-size: calc(15 * var(--vw-unit));
		line-height: 1.5;
	}

	#mado_detail #contents #commentsContainer li p+p {
		margin: calc(12 * var(--vw-unit)) 0 0;
	}

	#mado_detail #contents #commentsContainer li p.name {
		font-size: calc(14 * var(--vw-unit));
		margin: calc(12 * var(--vw-unit)) 0 0;
	}

	.glmado_contents #mado_detail #contents #feedbackContainer {
		scroll-margin-top: calc(65 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer .inner {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: calc(18 * var(--vw-unit)) calc(18 * var(--vw-unit)) calc(30 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer h3 {
		margin: 0;
		padding: 0 0 0 calc(21 * var(--vw-unit));
		font-size: calc(16 * var(--vw-unit));
		background-size: calc(14 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #feedbackText,
	.glmado_contents #mado_detail #contents #feedbackContainer #comment-text,
	.glmado_contents #mado_detail #contents #feedbackContainer #feedbackCompany,
	.glmado_contents #mado_detail #contents #feedbackContainer #customfield_comment_name,
	.glmado_contents #mado_detail #contents #feedbackContainer #customfield_cmt_company,
	.glmado_contents #mado_detail #contents #feedbackContainer #comment-author {
		margin: 0;
		padding: calc(5 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #comment-text,
	.glmado_contents #mado_detail #contents #feedbackContainer #feedbackText {
		margin-top: calc(9 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #feedbackCompany,
	.glmado_contents #mado_detail #contents #feedbackContainer #customfield_comment_name,
	.glmado_contents #mado_detail #contents #feedbackContainer #customfield_cmt_company,
	.glmado_contents #mado_detail #contents #feedbackContainer #comment-author {
		height: calc(36 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #profile_your_name-field .field-inner {
		display: flex;
		flex-direction: column;
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #ccustomfield {
		margin-top: calc(24 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer p.sub_title,
	#mado_detail #contents #feedbackContainer p.sub_title {
		margin: calc(24 * var(--vw-unit)) 0 calc(9 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: 1.5;
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #profile_your_name-field .field-header {
		margin: 0 0 calc(9 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer #profile_your_name-field .field-content,
	#mado_detail #contents #feedbackContainer #profile_your_name-field .field-content {
		margin: 0 0 calc(24 * var(--vw-unit));
	}

	.glmado_contents #mado_detail #contents #feedbackContainer .btnContainer,
	#mado_detail #contents #feedbackContainer .btnContainer {
		display: flex;
		justify-content: center;
		margin: 0 auto;
	}

	.glmado_contents #mado_detail #feedbackContainer .btnContainer input {
		width: calc(210 * var(--vw-unit));
		height: calc(36 * var(--vw-unit));
		line-height: calc(36 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		border-radius: calc(3 * var(--vw-unit));
	}

	#mado_detail .btn_gotonext li.btn.prev,
	#mado_detail .btn_gotonext li.btn.next {
		width: calc(66 * var(--vw-unit));
	}

	#mado_detail #contents .btn_gotonext .btn.prev a,
	#mado_detail #contents .btn_gotonext .btn.next a {
		width: calc(66 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		gap: calc(6 * var(--vw-unit));
		border-radius: calc(3 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
	}

	#mado_detail #contents .btn_gotonext .btn.prev a::before {
		width: calc(6 * var(--vw-unit));
		height: calc(12 * var(--vw-unit));
	}

	#mado_detail #contents .btn_gotonext .btn.next a::after {
		width: calc(6 * var(--vw-unit));
		height: calc(12 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	page_top_messages: .signature_img
	------------------------------------------------------------ */
	.page_top_messages #entryBody .signature_img > img {
		max-height: calc(75 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	aside.detail_side
	------------------------------------------------------------ */
	.glmado_contents #mado_detail aside.detail_side .by_keyword {
		width: calc(335 * var(--vw-unit));
		margin: 0 auto calc(45 * var(--vw-unit));
		padding-top: calc(46 * var(--vw-unit));
		border-top: 1px solid #A9D4DF;
	}

	.glmado_contents #mado_detail aside.detail_side .by_keyword .open_input {
		display: none;
	}

	.glmado_contents #mado_detail aside.detail_side section {
		width: 100%;
		margin: 0 0 calc(45 * var(--vw-unit));
		padding: calc(30 * var(--vw-unit)) calc(20 * var(--vw-unit));
		box-sizing: border-box;
	}

	.glmado_contents #mado_detail aside.detail_side section:last-of-type {
		margin-bottom: 0;
	}

	.glmado_contents #mado_detail aside.detail_side section h3 {
		margin: 0 0 calc(15 * var(--vw-unit));
		font-size: calc(18 * var(--vw-unit));
	}

	.page_global_mado .glmado_contents .detail_side .contents_list li {
		margin: 0;
		padding: calc(15 * var(--vw-unit)) 0;
		border-top: 1px dashed var(--color-border);
		border-bottom: none;
	}

	.page_global_mado .glmado_contents .detail_side .contents_list figure {
		display: block;
		width: calc(108 * var(--vw-unit));
		height: calc(77 * var(--vw-unit));
		flex-shrink: 0;
		overflow: hidden;
		text-align: center;
	}

	.page_global_mado .glmado_contents .detail_side .contents_list figure img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.page_global_mado .glmado_contents .detail_side .contents_list .text_block {
		width: calc(100% - (117 * var(--vw-unit)));
	}

	.glmado_contents .detail_side .contents_list li.new .date::after {
		content: "New";
		display: inline-block;
		margin: 0 0 0 calc(6 * var(--vw-unit));
		padding: calc(1 * var(--vw-unit)) calc(6 * var(--vw-unit));
		color: var(--color-white);
		line-height: 1;
		font-size: calc(11 * var(--vw-unit));
		font-weight: bold;
		background: var(--color-new);
		border-radius: calc(3 * var(--vw-unit));
		vertical-align: middle;
	}

	.glmado_contents #mado_detail aside.detail_side section .btn {
		margin: calc(30 * var(--vw-unit)) 0 0;
	}

	.glmado_contents #mado_detail aside.detail_side section .btn a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: calc(300 * var(--vw-unit));
		height: calc(42 * var(--vw-unit));
		padding: 0 calc(20 * var(--vw-unit));
		background: var(--color-white);
		border: 1px solid var(--color-border);
		border-radius: calc(3 * var(--vw-unit));
		font-size: calc(14 * var(--vw-unit));
		line-height: 1;
		color: var(--color-text);
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
	}

	.glmado_contents #mado_detail aside.detail_side section .btn a:hover {
		background-color: var(--color-bg-smoke-light);
		text-decoration: none;
	}

	/*------------------------------------------------------------
	#annotation
	------------------------------------------------------------ */
	.glmado_contents #annotation {
		font-size: calc(16 * var(--vw-unit));
	}

	/*------------------------------------------------------------
	既存の本文common Adjustment version（レガシークラス・SP）
	※後日確認
	------------------------------------------------------------ */
	/*
	*/

}


/*------------------------------------------------------------
[Print] Global MADO & Top Messages
Detail Page
------------------------------------------------------------ */
@media screen {
	.print_header {
		display: none;
	}
}

@media print {

	.gic_header,
	.glmado_contents .breadcrumbs,
	.glmado_contents .glmado_header .mado_link,
	.glmado_contents .glmado_header .btn_submit_story,
	.glmado_contents #mado_detail aside.detail_side,
	.glmado_contents #mado_detail #contents .label .share_gimmick,
	.glmado_contents #mado_detail #contents .label .btn.print,
	.glmado_contents #mado_detail #contents .label .btnPrint,
	.glmado_contents #mado_detail #contents .label .likeContainer,
	.glmado_contents #mado_detail #contents .label .dasisttoll,
	.glmado_contents #mado_detail #contents .signature .likeContainer,
	.glmado_contents #mado_detail #contents .signature .dasisttoll,
	.glmado_contents #mado_detail #contents #comments,
	.glmado_contents #mado_detail #contents .btn_gotonext,
	#wovn-machine-translated-modal,
	footer.gic_footer {
		display: none;
	}

	.glmado_contents {
		padding-bottom: 0;
	}

	.glmado_contents .glmado_header,
	.glmado_contents #mado_detail,
	.glmado_contents #mado_detail #contents,
	.glmado_contents #mado_detail #contents .detail_main {
		display: block;
		width: 100%;
		min-width: 100%;
	}

	.glmado_contents .glmado_header .contents_title {
		margin-top: 30px;
	}

	.print_header {
		width: 100%;
		margin: 0;
		padding: 10px 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-end;
		border-bottom: 1px solid #ccc;
	}

	.print_header .title {
		width: 222px;
		height: 40px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	.print_header .title img {
		width: 222px;
		height: 40px;
		vertical-align: bottom;
	}

	.print_header .s_logo {
		padding-bottom: 3px;
	}

	.print_header .s_logo img {
		width: 120px;
		height: 17px;
		vertical-align: bottom;
	}

	.glmado_contents #annotation {
		margin-top: 20px;
	}

}