@charset "UTF-8";

/* ----------------------------------
 静岡支社 記事詳細
---------------------------------- */
#shizuoka_toicsdetail { max-width: 100%; margin: 30px 0; overflow-x: hidden;}
#shizuoka_toicsdetail .article-left-menu { display: none !important;}
#shizuoka_toicsdetail .article-detail { width: 100%; box-sizing: border-box;}
#shizuoka_toicsdetail .article-detail-inner { margin: 0 15px;}
#shizuoka_toicsdetail .article-detail h1.article-main-title { padding: 0; margin: 0 0 20px; border: none; font-size: 24px; font-weight: 700; line-height: 1.4; color: #484545; background: none;}
#shizuoka_toicsdetail .article-detail h1.article-main-title span {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	color: #484545;
  display: inline;
  background: linear-gradient(transparent 75%, rgba(255,170,77,0.4) 75%);
}
#shizuoka_toicsdetail .article-detail .article-posted-data { margin: 0 0 20px; font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 10px;}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame { display: flex; align-items: center; gap: 10px;}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat::before { content: 'その他';}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat {
	height: 22px;
	padding: 0 10px;
	border: #959595 1px solid;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #959595;
	display: flex;
	align-items: center;
	word-break: keep-all;
	background: #FFF;
	box-sizing: border-box;
}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat[data-cat="event_shizuoka"]::before { content: 'イベント';}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat[data-cat="event_shizuoka"] { border: #FFDEDB 1px solid; color: #FF5555; background: #FFDEDB;}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat[data-cat="column_shizuoka"]::before { content: 'コラム';}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat[data-cat="column_shizuoka"] { border: #D6FFFE 1px solid; color: #699E9D; background: #D6FFFE;}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat[data-cat="etc_shizuoka"]::before { content: 'おすすめ';}
#shizuoka_toicsdetail .article-detail .article-posted-data .icon-frame .info_cat[data-cat="etc_shizuoka"] { border: #FFEAD4 1px solid; color: #FF992A; background: #FFEAD4;}
#shizuoka_toicsdetail .article-detail .article-posted-data .date { font-size: 14px; font-weight: 400;}
#shizuoka_toicsdetail .article-detail .article-box-frame .article-box { padding: 40px 15px; margin: 0 -15px;}
#shizuoka_toicsdetail .article-detail .article-box-frame .article-box:nth-child(odd) { background: #FFF6ED;}
#shizuoka_toicsdetail .article-detail .article-box-frame .article-box th,
#shizuoka_toicsdetail .article-detail .article-box-frame .article-box td { word-break: break-all;}
#shizuoka_toicsdetail .article-detail h2.article-title {
	max-width: 720px;
	padding: 0 0 0 20px;
	margin: 0 auto 10px;
	border: none;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #484545;
	background: none;
	position: relative;
}
#shizuoka_toicsdetail .article-detail h2.article-title::before {
	content: '';
	width: 10px;
	height: 2px;
	border-radius: 2px;
	background: #FFAA4D;
	position: absolute;
	top: calc(0.5em * 1.5 - 1px);
	left: 0;
}
#shizuoka_toicsdetail .article-detail .article-figure { max-width: 720px; margin: 0 auto 10px; text-align: center;}
#shizuoka_toicsdetail .article-detail .article-figure figure { text-align: center;}
#shizuoka_toicsdetail .article-detail h3.article-sub-title {
	max-width: 720px;
	padding: 0;
	margin: 0 auto 20px;
	border: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	color: #959595;
	background: none;
}
#shizuoka_toicsdetail .article-detail .article-text-box { max-width: 720px; margin: 0 auto; font-size: 14px; font-weight: 400; line-height: 2.0; color: #484545;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons { max-width: 720px; margin: 20px auto 40px;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame .button { width: 70%;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame .button a {
	width: 100%;
	height: 44px;
	border: #4B4746 1px solid;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: 0.3s;
}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame .button a::after {
	content: '';
  width: 8px;
  height: 8px;
  border-right: #EF7C00 2px solid;
  border-bottom: #EF7C00 2px solid;
  transform: rotate(-45deg);
  transition: all 0.3s;
	position: absolute;
  top: calc(50% - 4px);
  right: 16px;
}
#shizuoka_toicsdetail .article-detail	.for-shop-top { margin: 30px 0 0; text-align: center;}
#shizuoka_toicsdetail .article-detail	.for-shop-top a { font-size: 16px; font-weight: 400; color: #484545; text-align: center; text-decoration: underline; transition: 0.3s;}