@charset "UTF-8";

/* ----------------------------------
 静岡支社 記事詳細
---------------------------------- */
#shizuoka_toicsdetail { max-width: 1200px; margin: 60px auto; display: flex; flex-direction: row-reverse; justify-content: space-between;}

/* 左メニュー */
#shizuoka_toicsdetail .article-left-menu { width: 236px;}
#shizuoka_toicsdetail .article-left-menu * { font-size: 14px; box-sizing: border-box;}
#shizuoka_toicsdetail .article-left-menu a { text-decoration: none; color: #444; transition: 0.3s;}
#shizuoka_toicsdetail .article-left-menu a:hover { opacity: 0.8;}
#shizuoka_toicsdetail .article-left-menu ul,
#shizuoka_toicsdetail .article-left-menu ul li { padding: 0; margin: 0; list-style: none; word-break: break-word;}
#shizuoka_toicsdetail .article-left-menu .pane-block--title { padding: 0 0 15px 20px; margin: 20px 0 0; border: 0; font-size: 15px; font-weight: 700; line-height: 1.5; color: #444; position: relative;}
#shizuoka_toicsdetail .article-left-menu .pane-block--title::before { content: ''; width: 4px; height: calc(100% - 15px); background: #484545; position: absolute; top: 0; left: 0;}
#shizuoka_toicsdetail .article-left-menu .pane-block--title a { font-size: 15px; font-weight: 700; text-decoration: none; color: #444;}
#shizuoka_toicsdetail .article-left-menu .block-search-box--form { display: flex;}
#shizuoka_toicsdetail .article-left-menu .block-search-box--form input.block-search-box--keyword {
  padding: 12px 3px 12px 15px;
  border: #B7B7B7 1px solid;
  border-radius: 8px 0 0 8px;
  font-size: 12px;
  background: #FFF;
}
#shizuoka_toicsdetail .article-left-menu .block-search-box--form button.block-search-box--search-submit {
  width: 48px; height: 44px; border: none; border-radius: 0 8px 8px 0; outline: none; font-size: 0;
  background: #313131 url(https://market.jr-central.co.jp/img/usr/common/search_icon_white.png) center center no-repeat;
}
#shizuoka_toicsdetail .article-left-menu .block-search-box--form button.block-search-box--search-submit .fa-search { display: none;}
#shizuoka_toicsdetail .article-left-menu .block-search-box--search-detail { margin: 5px 0;}
#shizuoka_toicsdetail .article-left-menu .block-search-box--search-detail a { text-decoration: underline; color: #6fb4c3;}

#shizuoka_toicsdetail .article-left-menu ul.block-category-tree--items.block-category-tree--level-1,
#shizuoka_toicsdetail .article-left-menu ul.block-genre-tree--items.block-genre-tree--level1,
#shizuoka_toicsdetail .article-left-menu ul.block-shop-tree--items.block-shop-tree--level1 { border-bottom: #DFDFDF 1px solid;}

#shizuoka_toicsdetail .article-left-menu .block-category-tree--item__open,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--item,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item__open,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item__open,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item { border-top: #DFDFDF 1px solid;}

#shizuoka_toicsdetail .article-left-menu .block-category-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--item > span,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item > span,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item > span { 
	width: 100%; height: 50px; padding-left: 20px; padding-right: 36px; display: flex; align-items: center; position: relative;
}

#shizuoka_toicsdetail .article-left-menu .block-category-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--item > span { padding-left: 1.5em;}
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-2 .block-category-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-2 .block-category-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-2 .block-category-tree--item > span { padding-left: 2.5em;}
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-3 .block-category-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-3 .block-category-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-3 .block-category-tree--item > span { padding-left: 3.5em;}
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-4 .block-category-tree--item__open a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-4 .block-category-tree--item a,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-4 .block-category-tree--item > span { padding-left: 4.5em;}
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-1 > li,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-2 > li,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-3 > li,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--level-4 > li { text-indent: 0;}

#shizuoka_toicsdetail .article-left-menu .block-category-tree--item__open a::after,
#shizuoka_toicsdetail .article-left-menu .block-category-tree--item a::after,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item__open a::after,
#shizuoka_toicsdetail .article-left-menu .block-genre-tree--item a::after,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item__open a::after,
#shizuoka_toicsdetail .article-left-menu .block-shop-tree--item a::after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: #EF7C00 2px solid;
  border-right: #EF7C00 2px solid;
  position: absolute;
  top: calc(50% - 4px);
  right: 17px;
  transform: rotate(45deg);
}

#shizuoka_toicsdetail .article-left-menu .block-leftmenu--buttons { margin: 40px 0 0;}
#shizuoka_toicsdetail .article-left-menu .block-leftmenu--buttons .block-leftmenu--button { margin: 0 0 15px;}
#shizuoka_toicsdetail .article-left-menu .block-leftmenu--buttons .block-leftmenu--button a {
  display: block;
  padding: 17px 0 17px 16px;
  border: 1px solid #DFDFDF;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #FFF;
}
#shizuoka_toicsdetail .article-left-menu .block-leftmenu--buttons .block-leftmenu--button.guide a {
  border-color: #399EE1;
  background: #FFF url(../../img/usr/common/leftmenu_guide_icon.png) center left calc(50% - 60px) no-repeat;
}
#shizuoka_toicsdetail .article-left-menu .block-leftmenu--buttons .block-leftmenu--button.contact a {
  border-color: #EF7C00;
  background: #FFF url(../../img/usr/common/leftmenu_contact_icon.png) center left calc(50% - 61px) no-repeat;
}
#shizuoka_toicsdetail .article-left-menu .block-leftmenu--banner { margin: 30px 0 0;}
#shizuoka_toicsdetail .article-left-menu .block-leftmenu--banner .block-leftmenu--banner-list .block-leftmenu--banner-list-item { margin: 0 0 20px;}

/* 記事コンテンツ */
#shizuoka_toicsdetail .article-detail { width: calc(100% - 256px);}
#shizuoka_toicsdetail .article-detail-inner { max-width: 720px; margin: 0 auto;}
#shizuoka_toicsdetail .article-detail h1.article-main-title { padding: 0; margin: 0 0 30px; border: none; font-size: 32px; font-weight: 700; line-height: 1.4; color: #484545; background: none;}
#shizuoka_toicsdetail .article-detail h1.article-main-title span {
	font-size: 32px;
	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 30px; font-size: 16px; 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: 25px;
	padding: 0 10px;
	border: #959595 1px solid;
	border-radius: 10px;
	font-size: 13px;
	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: 16px; font-weight: 400;}
#shizuoka_toicsdetail .article-detail .article-box-frame .article-box + .article-box { margin: 80px 0 0;}
#shizuoka_toicsdetail .article-detail h2.article-title { 
	padding: 0 0 0 20px;
	margin: 0 0 20px;
	border: none;
	font-size: 24px;
	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.4 - 1px);
	left: 0;
}
#shizuoka_toicsdetail .article-detail .article-figure { margin: 0 0 10px; text-align: center;}
#shizuoka_toicsdetail .article-detail .article-figure figure { text-align: center;}
#shizuoka_toicsdetail .article-detail h3.article-sub-title {
	padding: 0;
	margin: 0 0 20px;
	border: none;
	font-size: 14px;
	font-weight: 400;
	color: #959595;
	background: none;
}
#shizuoka_toicsdetail .article-detail .article-text-box { font-size: 18px; font-weight: 400; line-height: 2.0; color: #484545;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons { margin: 80px 0;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame { display: flex; justify-content: center; align-items: center; gap: 0 30px;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame .button { width: 300px;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame .button a {
	width: 100%;
	height: 60px;
	border: #4B4746 1px solid;
	border-radius: 10px;
	font-size: 20px;
	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:hover { opacity: 0.7;}
#shizuoka_toicsdetail .article-detail .article-detail-buttons .button-frame .button a::after {
	content: '';
  width: 10px;
  height: 10px;
  border-right: #EF7C00 2px solid;
  border-bottom: #EF7C00 2px solid;
  transform: rotate(-45deg);
  transition: all 0.3s;
	position: absolute;
  top: calc(50% - 5px);
  right: 22px;
}
#shizuoka_toicsdetail .article-detail	.for-shop-top { margin: 60px 0 0; text-align: center;}
#shizuoka_toicsdetail .article-detail	.for-shop-top a { font-size: 20px; font-weight: 400; color: #484545; text-align: center; text-decoration: underline; transition: 0.3s;}
#shizuoka_toicsdetail .article-detail	.for-shop-top a:hover { opacity: 0.7;}