@charset "UTF-8";


/*****************************************************
　交通アクセス　
*****************************************************/
/* 共通 
------------------------------------------------- */
.page-main-content p,
.page-main-content li{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.7;
}
/* ----- .block ----- */
.block + .block{
	margin:45px 0 0;
}
.block_inner{
	margin:0 50px;
}
/* ----- リスト ----- */
ul{
	list-style-type:none;
}
/* 通常リスト */
.normal-list li{
	padding:0 0 0 1em;
}
.normal-list li:before{
	content:'・';
	font-size:inherit;
	margin:0 0 0 -1em;
}
/* アルファベットリスト */
.alphabet-list li{
	padding:0 0 0 50px;
}
.alphabet-list li:nth-child(1){
	background:url('../img/access/alphabet_a.png') no-repeat left 3px;
}
.alphabet-list li:nth-child(2){
	background:url('../img/access/alphabet_b.png') no-repeat left 3px;
}
.alphabet-list li:nth-child(3){
	background:url('../img/access/alphabet_c.png') no-repeat left 3px;
}
.alphabet-list li:nth-child(4){
	background:url('../img/access/alphabet_d.png') no-repeat left 3px;
}
.alphabet-list li:nth-child(5){
	background:url('../img/access/alphabet_e.png') no-repeat left 3px;
}
/* 四角リスト */
.square-list li:before{
	content:'■';
}
/* ----- 電話番号 ----- */
.pc,
.sp{
	font-size:inherit;
}
.sp{
	display:none;
}
/* メインビジュアル 
------------------------------------------------- */
.main-visual{
	background:url(../img/access/cover_img.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	height:455px;
	margin-top:20px;
}
/* アンカーリンク 
------------------------------------------------- */
.ank_link{
	line-height:1.7;
	margin:80px 0 0;
	text-align:center;
}
.ank_link a{
	font-size:14px;
	font-size:1.4rem;
	margin:0 18px;
}
/* アンカーリンク下テキスト 
------------------------------------------------- */
.page-main-content p.main_cont{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin:40px 0 50px;
	text-align:center;
}
/* 交通アクセス 
------------------------------------------------- */
#access.block .ttl{
	border-bottom:2px solid #bbb;
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:0 18px 10px;
}
.access-box + .access-box{
	margin:40px 0 0;
}
#access .block_inner{
	display:flex;
	justify-content:space-between;
	margin-top:40px;
}
/* ----- テキスト ----- */
#access .block_inner .txt{
	max-width:552px;
	width:52%;
}
#access .block_inner ul{
	margin:0 40px 0 45px;
}
#access .block_inner .txt ul li{
	line-height:2;
}
#access .block_inner ul.alphabet-list{
	margin:0 10px;
}
/* ----- 地図 ----- */
#access .block_inner .map{
	max-width:495px;
	width:46%;
	height: 1600px;
}
#access .block_inner .map .map-img{
	margin:43px 0 0;
	text-align:center;
}
#access .block_inner .map .googlemap{
	height:0;
	margin:35px 0 0;
	padding-top:135%;
	position:relative;
	width:100%;
}
#access .block_inner .map .googlemap iframe{
	height:1000px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
/* 宮崎県総合文化公園内 共有駐車場のご案内 
------------------------------------------------- */
#share-parking .normal-list li{
	line-height:1.8;
}
.share-parking_bottom{
	display:flex;
	justify-content:space-between;
	margin:50px 0 0;
}
.share-parking_bottom .img{
	max-width:558px;
	width:52%;
}
.share-parking_bottom .txt{
	max-width:462px;
	width:43%;
}
.share-parking_bottom .txt .box + .box{
	margin:20px 0 0;
}
.share-parking_bottom .txt .box .ttl{
	background:#fbf9f2;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.4;
	margin:0 0 10px;
	padding:12px 25px;
}
.share-parking_bottom .txt .box .normal-list{
	margin:0 15px 0 25px;
}
/* 身障者等用駐車場 
------------------------------------------------- */
#shinsyosya-parking ul{
	margin:0 0 25px;
}
#shinsyosya-parking ul li{
	padding:0 0 0 calc(1em + 10px);
}
#shinsyosya-parking ul li span{
	font-size:20px;
	font-size:2.0rem;
	margin:0 0.5em 0 calc(-1em - 10px);
}
#shinsyosya-parking .img{
	margin:25px 0 0;
	text-align:center;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　交通アクセス　
	*****************************************************/
	/* 共通 
	------------------------------------------------- */
	.page-main-content p,
	.page-main-content li{
		font-size:3vw;
	}
	/* ----- .block ----- */
	.block + .block{
		margin:5.62vw 0 0;
	}
	.block_inner{
		margin:0 3vw;
	}
	/* ----- リスト ----- */
	/* アルファベットリスト */
	.alphabet-list li{
		padding:0 0 0 6.25vw;
	}
	.alphabet-list li:nth-child(1),
	.alphabet-list li:nth-child(2),
	.alphabet-list li:nth-child(3),
	.alphabet-list li:nth-child(4),
	.alphabet-list li:nth-child(5){
		background-position:left 0.5vw;
		background-size:5vw auto;
	}
	/* ----- 電話番号 ----- */
	.pc{
		display:none;
	}
	.sp{
		display:inline;
	}
	/* メインビジュアル 
	------------------------------------------------- */
	.main-visual{
		height:140px;
		margin-top:2.5vw;
	}
	/* アンカーリンク 
	------------------------------------------------- */
	.ank_link{
		margin:10vw 0 0;
	}
	.ank_link a{
		font-size:3.0vw;
		margin:0 1.5vw;
	}
	/* アンカーリンク下テキスト 
	------------------------------------------------- */
	.page-main-content p.main_cont{
		font-size:3.0vw;
		margin:5vw 0 6.25vw;
	}
	/* 交通アクセス 
	------------------------------------------------- */
	#access.block .ttl{
		border-width:0.25vw;
		font-size:3.25vw;
		margin:0 0 2.5vw;
		padding:0 2.25vw 1.25vw;
	}
	.access-box + .access-box{
		margin:5vw 0 0;
	}
	#access .block_inner{
		display:block;
		margin-top:5vw;
	}
	/* ----- テキスト ----- */
	#access .block_inner .txt{
		max-width:none;
		width:auto;
	}
	#access .block_inner ul{
		margin:0 5vw 0 5.62vw;
	}
	#access .block_inner ul.alphabet-list{
		margin:0 1.25vw;
	}
	/* ----- 地図 ----- */
	#access .block_inner .map{
		margin:5vw 0 0;
		max-width:none;
		width:auto;
		height: 1400px;
		overflow: hidden;
	}
	#access .block_inner .map .googlemap{
		margin:4.37vw 0 0;
	}
	/* 宮崎県総合文化公園内 共有駐車場のご案内 
	------------------------------------------------- */
	.share-parking_bottom{
		display:block;
		margin:6.25vw 0 0;
	}
	.share-parking_bottom .img,
	.share-parking_bottom .txt{
		max-width:none;
		width:auto;
	}
	.share-parking_bottom .txt{
		margin:5vw 0 0;
	}
	.share-parking_bottom .txt .box + .box{
		margin:2.5vw 0 0;
	}
	.share-parking_bottom .txt .box .ttl{
		font-size:2.75vw;
		margin:0 0 1.25vw;
		padding:1.5vw 3.12vw;
	}
	.share-parking_bottom .txt .box .normal-list{
		margin:0 1.87vw 0 3.12vw;
	}
	/* 身障者等用駐車場 
	------------------------------------------------- */
	#shinsyosya-parking ul{
		margin:0 0 3.12vw;
	}
	#shinsyosya-parking ul li{
		padding:0 0 0 calc(1em + 1.25vw);
	}
	#shinsyosya-parking ul li span{
		font-size:3.33vw;
		margin:0 0.5em 0 calc(-1em - 1.25vw);
	}
	#shinsyosya-parking .img{
		margin:3.12vw 0 0;
	}
}