/* ========================================
   バリアフリー情報
   ======================================== */

:root {
	--base-width: 375;
	--vw-unit: calc(100vw / var(--base-width));
	--color-bg-bar: #e8e3d7;
	--color-bg-box: #f6f4f1;
	--color-white: #fff;
	--color-text: #000;
	--color-btn-text: #fff;
	--color-border: #666;
	--color-divider: #ccc;
	--color-brw: #A89170;
	--color-brw-dark: #9B6300;
	--color-attention: #e8411d;
	--color-midtown: #009842;
	--content-width: calc(345 * var(--vw-unit));
	--padding-side: calc(15 * var(--vw-unit));
	--bar-height: calc(60 * var(--vw-unit));
	--btn-height: calc(45 * var(--vw-unit));
	--padding-section: calc(51 * var(--vw-unit));
	--margin-section: calc(-51 * var(--vw-unit));
	--space-mic: calc(6 * var(--vw-unit));
	--space-mini: calc(9 * var(--vw-unit));
	--space-s: calc(15 * var(--vw-unit));
	--space-reg: calc(21 * var(--vw-unit));
	--space-md: calc(24 * var(--vw-unit));
	--space-lg: calc(30 * var(--vw-unit));

	--line-height-nm: 1.5;
	--line-height-body: 1.8;
	--font-weight-bold: 600;

	--icon-arrow-down: url(/sma/common2020/img/arrow_down_small_gr.svg);
	--icon-external: url(/sma/common2020/img/icon_external_gr.svg);
	--icon-ooedo: url(/sma/common2020/img/accessibility/ooedo.svg);
	--icon-hibiya: url(/sma/common2020/img/accessibility/hibiya.svg);
	--icon-attention: url(/sma/common2020/img/icon_attention.svg);
}

#suntory_contents * {
	box-sizing: border-box;
}

#suntory_contents img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* ページ見出し */
#suntory_contents .main_visual {
	width: 100%;
	padding-bottom: var(--padding-section);
}

#suntory_contents .main_visual figure {
	margin-bottom: var(--space-reg);
}

#suntory_contents .main_visual .page-heading {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	font-size: calc(22 * var(--vw-unit));
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

/* --- SP アンカーナビ --- */
#suntory_contents .anchor-nav {
	padding: 0 var(--padding-side);
	margin-top: var(--space-reg);
}

#suntory_contents .anchor-nav-list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(15 * var(--vw-unit)) 0;
}

#suntory_contents .anchor-nav-list li {
	border-left: 1px solid var(--color-border);
}

@media screen and (max-width: 767px) {

	#suntory_contents .anchor-nav-list li:nth-child(2),
	#suntory_contents .anchor-nav-list li:nth-child(4) {
		border-right: 1px solid var(--color-border);
	}
}

#suntory_contents .anchor-nav-list li:last-child {
	border-right: 1px solid var(--color-border);
}

#suntory_contents .anchor-nav-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(33 * var(--vw-unit));
	padding: 0 calc(13 * var(--vw-unit));
	font-size: calc(13 * var(--vw-unit));
	color: var(--color-text);
	text-decoration: none;
}

#suntory_contents .anchor-nav-list a:hover,
#suntory_contents .anchor-nav-list a:focus-visible {
	text-decoration: underline;
}

/* --- SP セクション --- */
#suntory_contents #sma_contents {
	padding: 0 4vw;
}

#sma_contents .content_outline {
	margin-top: var(--margin-section);
	padding-top: var(--padding-section);
	padding-bottom: var(--padding-section);
}

#sma_contents .content_outline#other {
	padding-bottom: 16vw;
}

#sma_contents .content_sub {
	margin-top: var(--space-lg);
	padding-top: var(--space-lg);
	border-top: 1px solid var(--color-divider);
}

#sma_contents h2+.content_sub {
	margin-top: var(--space-reg);
	padding: 0;
	border: none;
}

#sma_contents .content_low {
	margin-top: var(--space-lg);
	padding-top: var(--space-lg);
	border-top: 1px solid var(--color-divider);
}

/* ---SP 本文 --- */
#sma_contents h2.title-bar {
	width: 100%;
	padding: 0 var(--padding-side);
	height: var(--bar-height);
	display: flex;
	align-items: center;
	background: var(--color-bg-bar);
	font-size: calc(18 * var(--vw-unit));
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-nm);
}

#sma_contents .content_sub h3 {
	font-size: calc(17 * var(--vw-unit));
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-nm);
}

#sma_contents .content_low h4 {
	font-size: calc(15 * var(--vw-unit));
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-nm);
}

#sma_contents p.body_text {
	font-size: calc(13 * var(--vw-unit));
	line-height: var(--line-height-body);
}

#sma_contents .body-list li {
	margin-left: 1.5em;
	font-size: calc(13 * var(--vw-unit));
	line-height: var(--line-height-body);
	list-style: disc;
}

#sma_contents h3+p.body_text,
#sma_contents h4+p.body_text,
#sma_contents h2+ul.body-list,
#sma_contents h3+ul.body-list {
	margin: var(--space-s) 0 0;
}

#sma_contents p.body_text+p {
	margin-top: var(--space-mini);
}

#sma_contents p.note {
	font-size: calc(12 * var(--vw-unit));
	line-height: var(--line-height-body);
}

#sma_contents p.body_text.lg {
	font-size: calc(15 * var(--vw-unit));
}

#sma_contents .link {
	width: fit-content;
	font-size: calc(13 * var(--vw-unit));
	line-height: var(--line-height-body);
}

#sma_contents .link a {
	display: block;
	text-decoration: none;
	color: var(--color-text);
	line-height: 1;
	position: relative;
	padding: calc(0.8vw + 1px) 0 0.8vw;
	border-bottom: 1px #000 solid;
}

#sma_contents .link.arrow_down {
	padding-right: 4.8vw;
}

#sma_contents .link.arrow_down a::after {
	content: '';
	position: absolute;
	width: 2.933333333vw;
	height: 5.6vw;
	background: var(--icon-arrow-down) no-repeat 0 center;
	background-size: 2.933333333vw auto;
	top: 0;
	right: -4.8vw;
}

#sma_contents .link.external {
	padding-right: 4.8vw;
}

#sma_contents .link.external a::after {
	content: '';
	width: 2.933333333vw;
	height: 5.6vw;
	background: var(--icon-external) no-repeat 0 center;
	background-size: 2.933333333vw auto;
	position: absolute;
	top: 0;
	right: -4.8vw;
}

/* ---SP ボタン --- */
#sma_contents .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(225 * var(--vw-unit));
	height: var(--btn-height);
	padding: 0;
	margin: 0 auto;
	background: var(--color-brw);
	color: var(--color-btn-text);
	font-size: calc(14 * var(--vw-unit));
	text-decoration: none;
	line-height: 1;
}

#sma_contents .btn.pdf a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 1.6vw;
}

#sma_contents .btn.pdf a::after {
	content: 'PDF';
	width: 9.6vw;
	height: 4.8vw;
	border: 1px #ccc solid;
	background: #fff;
	font-size: calc(10 * var(--vw-unit));
	color: #DD0000;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*[SP] ミッドタウン情報*/
#sma_contents .info_midtown {
	margin: var(--space-s) 0 0;
	padding: var(--space-s);
	border: 1px solid var(--color-border);
}

#sma_contents h5.title_green {
	margin-bottom: var(--space-mic);
	font-size: calc(14 * var(--vw-unit));
	font-weight: 600;
	color: var(--color-midtown);
	line-height: var(--line-height-nm);
}

#sma_contents .info_midtown .link {
	display: inline-block;
}

#sma_contents .info_midtown .link + p.link {
	margin-left: var(--space-lg);
}

#sma_contents .info_midtown .note {
	margin-top: var(--space-mic);
}

/*---------------------------------------------
[SP] #visit ご来館 地下鉄ルート
----------------------------------------------*/
#sma_contents #visit .access_midtown {
	display: flex;
	flex-direction: column;
	margin-top: var(--space-s);
	background: var(--color-bg-box);
}

#sma_contents #visit .access_midtown .img_map {
	width: 100%;
	border-left: 1px solid var(--color-bg-box);
	border-right: 1px solid var(--color-bg-box);
}

#sma_contents #visit .explanation {
	width: 100%;
	padding: var(--space-md) var(--space-s);
}

#sma_contents .recommend {
	display: block;
	width: 28vw;
	color: var(--color-brw-dark);
	border: 2px solid var(--color-brw);
	background: var(--color-white);
	font-size: calc(12 * var(--vw-unit));
	text-align: center;
	line-height: 1;
	padding: 1.6vw;
}

#sma_contents #visit .line_ooedo {
	margin: var(--space-s) 0 var(--space-reg);
	padding: 0 0 var(--space-reg) 13.6vw;
	border-bottom: 1px solid var(--color-divider);
	position: relative;
}

#sma_contents #visit .line_ooedo .icon {
	position: absolute;
	width: 11.2vw;
	height: 11.2vw;
	background: var(--icon-ooedo) no-repeat center center/ contain;
	left: 0;
	top: 0;
}

#sma_contents #visit .line_ooedo .line_name {
	font-size: calc(18 * var(--vw-unit));
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-nm);
}

#sma_contents #visit .line_ooedo .detail {
	margin: var(--space-mic) 0 0;
	font-size: calc(14 * var(--vw-unit));
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-body);
}

#sma_contents #visit .line_ooedo .attention {
	margin-top: var(--space-mic);
}

#sma_contents #visit .line_ooedo .attention dl {
	margin-top: var(--space-s);
}

#sma_contents #visit .line_ooedo .attention dt {
	font-size: calc(14 * var(--vw-unit));
	color: var(--color-attention);
	line-height: 4.8vw;
	font-weight: bold;
	position: relative;
	padding-left: 8vw;
}

#sma_contents #visit .line_ooedo .attention dt::before {
	content: '';
	width: 5.333333333vw;
	height: 4.8vw;
	background: var(--icon-attention) no-repeat 0 center/ auto 4.8vw;
	position: absolute;
	top: 0;
	left: 0;
}

#sma_contents #visit .line_ooedo .attention dd {
	font-size: calc(13 * var(--vw-unit));
	color: var(--color-attention);
	line-height: var(--line-height-body);
	padding-left: 8vw;
	margin-top: 1.2vw;
}

#sma_contents #visit .line_ooedo p.link {
	margin-left: 8vw;
}

#sma_contents #visit .line_hibiya {
	margin: 0;
	padding: 0 0 0 13.6vw;
	position: relative;
}

#sma_contents #visit .line_hibiya .icon {
	position: absolute;
	width: 9.6vw;
	height: 9.6vw;
	background: var(--icon-hibiya) no-repeat center center/ contain;
	left: 0.8vw;
	top: 0;
}

#sma_contents #visit .line_hibiya .line_name {
	font-size: calc(15 * var(--vw-unit));
	line-height: var(--line-height-nm);
}

#sma_contents #visit .line_hibiya .detail {
	margin: var(--space-mic) 0 0;
	font-size: calc(13 * var(--vw-unit));
	line-height: var(--line-height-body);
}

#sma_contents #visit .btn_area {
	padding: var(--space-reg);
}

/*---------------------------------------------
[SP] #early_access ご来館 11時までのルート
----------------------------------------------*/
#sma_contents #early_access {
	margin-top: var(--space-s);
	background: var(--color-bg-box);
}

#sma_contents #early_access .early_explanation {
	padding: var(--space-md) var(--space-s) 0;
}

#sma_contents #early_access .attention {
	margin-top: var(--space-mic);
}

#sma_contents #early_access .attention dl {
	margin-top: var(--space-s);
}

#sma_contents #early_access .attention dt {
	font-size: calc(16 * var(--vw-unit));
	color: var(--color-attention);
	line-height: 4.8vw;
	font-weight: bold;
	position: relative;
	padding-left: 8vw;
}

#sma_contents #early_access .attention dt::before {
	content: '';
	width: 5.333333333vw;
	height: 4.8vw;
	background: var(--icon-attention) no-repeat 0 center/ auto 4.8vw;
	position: absolute;
	top: 0;
	left: 0;
}

#sma_contents #early_access .attention dd {
	font-size: calc(16 * var(--vw-unit));
	color: var(--color-attention);
	line-height: var(--line-height-body);
	margin-top: 1.2vw;
}

#sma_contents #early_access h4 {
	font-size: calc(14 * var(--vw-unit));
	font-weight: var(--font-weight-bold);
	margin-top: var(--space-s);
	line-height: var(--line-height-nm);
}

#sma_contents #early_access p.hint {
	font-size: calc(13 * var(--vw-unit));
	color: var(--color-attention);
	margin-top: var(--space-reg);
	text-align: center;
}

#sma_contents #early_access .map_area {
	position: relative;
	margin-top: var(--space-s);
	padding-bottom: var(--space-reg);
}
	#sma_contents #early_access .img_map {
		border-left: 1px solid var(--color-bg-box);
		border-right: 1px solid var(--color-bg-box);
	}

#sma_contents #early_access .map_area ol.route_step {
	display: none;
}

#sma_contents #early_access .map_area .route_for_sp {
	display: block;
}

#sma_contents #early_access .map_area #tab_menu {
	display: block;
}

#sma_contents #early_access .map_area #tab_menu li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: calc(48 * var(--vw-unit));
	height: 8vw;
	text-align: center;
	line-height: 1;
	border-radius: 4vw;
	background: #E8411D;
	font-size: calc(16 * var(--vw-unit));
	font-weight: bold;
	color: #fff;
	border: 2px solid #E8411D;
	box-shadow: 0.533333333vw 0.533333333vw 2.4vw 0 rgba(0, 0, 0, 0.30);
}

#sma_contents #early_access .map_area #tab_menu li.selected {
	background: #fff;
	color: #E8411D;
}

#sma_contents #early_access .map_area #tab_menu li#tab1 {
	top: calc(241 * var(--vw-unit));
	right: calc(76 * var(--vw-unit));
}

#sma_contents #early_access .map_area #tab_menu li#tab2 {
	top: calc(241 * var(--vw-unit));
	left: calc(81 * var(--vw-unit));
}

#sma_contents #early_access .map_area #tab_menu li#tab3 {
	top: calc(39 * var(--vw-unit));
	left: calc(67 * var(--vw-unit));
}

#sma_contents #early_access .map_area .panel {
	display: none;
	width: 100%;
	margin: 0;
	padding: var(--space-reg) 2.4vw 0;
}

#sma_contents #early_access .map_area .panel.open {
	display: block;
}

.panel.open .container {
	animation: panel-show .5s ease-in-out forwards;
}

/* パネル切り替えのアニメーション */
@keyframes panel-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#sma_contents #early_access .map_area .panel p {
	font-size: calc(13 * var(--vw-unit));
	text-align: center;
	line-height: var(--line-height-body);
}

#sma_contents #early_access .map_area .panel strong {
	font-weight: var(--font-weight-bold);
}

#sma_contents #early_access .map_area .panel .ph {
	width: calc(240 * var(--vw-unit));
	height: calc(162 * var(--vw-unit));
	margin: var(--space-mini) auto 0;
}

/*---------------------------------------------
[SP] #entry ご入館
----------------------------------------------*/
#sma_contents #entry .two_columns {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--space-reg);
	margin-top: var(--space-reg);
}

#sma_contents #entry .rental-figure {
	width: 56vw;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--space-mic);
}

#sma_contents #entry .rental-figure img {
	width: 100%;
	height: auto;
}

#sma_contents #entry .rental-figure figcaption {
	font-size: calc(13 * var(--vw-unit));
	line-height: var(--line-height-nm);
	text-align: center;
}

/*---------------------------------------------
[SP] #facilities 設備
----------------------------------------------*/
#sma_contents #facilities .column {
	margin-top: var(--space-s);
	position: relative;
	width: 100%;
}

#sma_contents #facilities .text {
	width: 100%;
}

#sma_contents #facilities p.btn {
	margin-top: var(--space-s);
}

#sma_contents #facilities .column.double {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--space-s);
}

#sma_contents #facilities .column.double p.btn {
	margin-top: 0;
}

#sma_contents #facilities .ph_floor {
	width: 80vw;
}

#sma_contents #facilities .ph_floor figcaption {
	margin-top: var(--space-mic);
	font-size: calc(11 * var(--vw-unit));
	line-height: var(--line-height-nm);
	text-align: center;
}

/*---------------------------------------------
[SP] #other その他
----------------------------------------------*/
#sma_contents #other .part {
	padding: var(--space-lg) 0;
	border-bottom: 1px solid var(--color-divider);
}

#sma_contents #other h2+.part {
	padding-top: var(--space-s);
}

#sma_contents #other .two_columns .btn.wide a {
	margin-top: var(--space-s);
	width: calc(300 * var(--vw-unit));
}

#sma_contents #other .part+p.body_text {
	margin-top: var(--space-reg);
}


/* ========================================
	PC
======================================== */

@media print,
screen and (min-width: 768px) {
	:root {
		--content-width: 960px;
		--padding-side: 30px;
		--bar-height: 60px;
		--btn-height: 45px;
		--padding-section: 80px;
		--margin-section: -80px;
		--space-mic: 8px;
		--space-mini: 15px;
		--space-s: 20px;
		--space-reg: 30px;
		--space-md: 35px;
		--space-lg: 40px;
	}

	/* ページ見出し */
	#suntory_contents .main_visual {
		margin: 0 auto;
		max-width: 1160px;
		padding-bottom: var(--padding-section);
	}

	#suntory_contents .main_visual figure {
		margin-bottom: 50px;
	}

	#suntory_contents .main_visual .page-heading {
		font-size: 28px;
	}

	/* --- PC アンカーナビ --- */
	#suntory_contents .anchor-nav {
		padding: 0;
		max-width: var(--pc-content);
		margin-left: auto;
		margin-right: auto;
	}

	#suntory_contents .anchor-nav-list {
		width: 700px;
		gap: 15px 0;
	}

	#suntory_contents .anchor-nav-list li:nth-child(3) {
		border-right: 1px solid var(--color-border);
	}

	#suntory_contents .anchor-nav-list a {
		height: 30px;
		padding: 0 30px;
		font-size: 14px;
	}

	/* ---PC セクション --- */
	#suntory_contents #sma_contents {
		padding: 0;
	}

	#sma_contents .content_outline#other {
		padding-bottom: 80px;
	}

	#sma_contents h2.title-bar {
		font-size: 20px;
	}

	#sma_contents .content_sub h3 {
		font-size: 18px;
	}

	#sma_contents .content_low h4 {
		font-size: 16px;
	}

	/* ---PC 本文 --- */
	#sma_contents p.body_text,
	#sma_contents .body-list li {
		font-size: 14px;
	}

	#sma_contents p.note {
		font-size: 13px;
	}

	#sma_contents p.body_text.lg {
		font-size: 16px;
	}

	#sma_contents .link {
		font-size: 14px;
	}

	#sma_contents .link a {
		padding: 4px 0 3px;
	}

	#sma_contents .link a:hover {
		border-bottom: 1px #666 solid;
		color: #666;
	}

	#sma_contents .link.arrow_down {
		padding-right: 20px;
	}

	#sma_contents .link.arrow_down a::after {
		width: 12px;
		height: 21px;
		background-size: 12px auto;
		top: 1px;
		right: -20px;
	}

	#sma_contents .link.external {
		padding-right: 20px;
	}

	#sma_contents .link.external a::after {
		width: 12px;
		height: 21px;
		background-size: 12px auto;
		top: 1px;
		right: -20px;
	}

	/* ---PC ボタン --- */
	#sma_contents .btn a {
		width: 200px;
		font-size: 14px;
	}

	#sma_contents .btn a:hover {
		background: #BEAC94;
	}

	#sma_contents .btn.pdf a {
		gap: 10px;
	}

	#sma_contents .btn.pdf a::after {
		width: 40px;
		height: 20px;
		font-size: 12px;
	}

	/*[PC] ミッドタウン情報*/
	#sma_contents h5.title_green {
		font-size: 15px;
	}

	#sma_contents .info_midtown .link {
		display: inline-block;
		margin-right: 80px;
	}

	#sma_contents .info_midtown .note {
		display: inline-block;
	}

	/*---------------------------------------------
[PC] #visit ご来館 地下鉄ルート
----------------------------------------------*/
	#sma_contents #visit .access_midtown {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}

	#sma_contents #visit .access_midtown .img_map {
		order: 1;
		width: 362px;
		border: 1px solid var(--color-bg-box);
		border-right: none;
	}

	#sma_contents #visit .access_midtown .img_map img {
		width: 360px;
		height: auto;
	}

	#sma_contents #visit .explanation {
		order: 2;
		width: 598px;
		padding: 35px 40px 35px 30px;
	}

	#sma_contents #visit .recommend {
		width: 136px;
		font-size: 14px;
		padding: 6px;
	}

	#sma_contents #visit .line_ooedo {
		padding-left: 58px;
	}

	#sma_contents #visit .line_ooedo .icon {
		width: 48px;
		height: 48px;
	}

	#sma_contents #visit .line_ooedo .line_name {
		font-size: 21px;
	}

	#sma_contents #visit .line_ooedo .detail {
		font-size: 18px;
	}

	#sma_contents #visit .line_ooedo .attention {
		display: flex;
	}

	#sma_contents #visit .line_ooedo .attention dl {
		display: flex;
		margin: 0;
	}

	#sma_contents #visit .line_ooedo .attention dt {
		font-size: 15px;
		line-height: 21px;
		padding-left: 25px;
		margin: 0 5px 0 0;
	}

	#sma_contents #visit .line_ooedo .attention dt::before {
		width: 20px;
		height: 21px;
		background-size: auto 18px;
	}

	#sma_contents #visit .line_ooedo .attention dd {
		font-size: 15px;
		line-height: 21px;
		padding: 0;
		margin: 0;
	}

	#sma_contents #visit .line_ooedo p.link {
		margin-left: 10px;
	}

	#sma_contents #visit .line_hibiya {
		padding: 0 0 0 58px;
	}

	#sma_contents #visit .line_hibiya .icon {
		width: 40px;
		height: 40px;
		left: 4px;
	}

	#sma_contents #visit .line_hibiya .line_name {
		font-size: 18px;
		line-height: var(--line-height-nm);
	}

	#sma_contents #visit .line_hibiya .detail {
		margin-top: 8px;
		font-size: 14px;
		line-height: var(--line-height-body);
	}

	#sma_contents #visit .btn_area {
		order: 3;
		position: absolute;
		right: 40px;
		bottom: 35px;
		padding: 0;
	}

	/*---------------------------------------------
[PC] #early_access ご来館 11時までのルート
----------------------------------------------*/
	#sma_contents #early_access {
		padding: 35px 50px;
	}

	#sma_contents #early_access .early_explanation {
		padding: 0;
	}

	#sma_contents #early_access .attention {
		display: flex;
	}

	#sma_contents #early_access .attention dl {
		display: flex;
		margin: 0;
	}

	#sma_contents #early_access .attention dt {
		font-size: 18px;
		line-height: 20px;
		padding-left: 30px;
		margin: 0 10px 0 0;
	}

	#sma_contents #early_access .attention dt::before {
		width: 22px;
		height: 20px;
		background-size: auto 20px;
	}

	#sma_contents #early_access .attention dd {
		font-size: 18px;
		line-height: 20px;
		margin: 0;
	}

	#sma_contents #early_access h4 {
		font-size: 15px;
	}

	#sma_contents #early_access .map_area {
		margin-top: var(--space-reg);
		padding: 0;
	}

	#sma_contents #early_access .img_map {
		width: 620px;
		height: 480px;
	}

	#sma_contents #early_access .map_area #tab_menu,
	#sma_contents #early_access .map_area .route_for_sp {
		display: none;
	}

	#sma_contents #early_access .map_area ol.route_step {
		display: block;
		width: 430px;
		list-style: none;
		position: absolute;
		top: var(--space-s);
		right: 0;
	}

	#sma_contents #early_access .route_step li {
		display: flex;
		background: var(--color-white);
		padding: var(--space-mini);
		box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
	}

	#sma_contents #early_access .route_step li.with_img {
		padding-right: 196px;
		position: relative;
		height: 120px;
	}

	#sma_contents #early_access .route_step li+li {
		margin-top: var(--space-mini);
	}

	#sma_contents #early_access .route_step li p {
		padding: 0 0 0 35px;
		font-size: 14px;
		position: relative;
		line-height: var(--line-height-nm);
	}

	#sma_contents #early_access .route_step li strong {
		font-weight: var(--font-weight-bold);
	}

	#sma_contents #early_access .route_step li .num {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 24px;
		text-align: center;
		height: 24px;
		line-height: 24px;
		border-radius: 15px;
		background: #E8411D;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
	}

	#sma_contents #early_access .route_step li .ph {
		position: absolute;
		right: 0;
		top: 0;
		width: 178px;
		height: 120px;
	}

	/*---------------------------------------------
[PC] #entry ご入館
----------------------------------------------*/
	#sma_contents #entry .two_columns {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}

	#sma_contents #entry .rental-figure {
		width: 450px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		gap: var(--space-s);
	}

	#sma_contents #entry .rental-figure img {
		width: 220px;
	}

	#sma_contents #entry .rental-figure figcaption {
		font-size: 14px;
		text-align: left;
	}

	/*---------------------------------------------
[PC] #facilities 設備
----------------------------------------------*/
	#sma_contents #facilities .text {
		width: 580px;
	}

	#sma_contents #facilities p.btn {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
	}

	#sma_contents #facilities .column.double {
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		gap: var(--space-lg);
	}

	#sma_contents #facilities .column.double p.btn {
		bottom: 28px;
	}

	#sma_contents #facilities .ph_floor {
		width: 340px;
	}

	#sma_contents #facilities .ph_floor figcaption {
		font-size: 12px;
		text-align: left;
	}

	#sma_contents #facilities .two_columns .text {}

	/*---------------------------------------------
[PC] #other その他
----------------------------------------------*/
	/*	#sma_contents #other .part {
		padding: var(--space-lg) 0;
		border-bottom: 1px solid var(--color-divider);
	}*/

	#sma_contents #other .part .body-list {
		margin: 0;
	}

	#sma_contents #other .two_columns {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}

	#sma_contents #other .two_columns .body-list {
		width: 600px;
	}

	#sma_contents #other .two_columns .btn.wide,
	#sma_contents #other .two_columns .btn.wide a {
		margin: 0;
		width: 320px;
	}



}