@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Oswald);

/*共通*/
.columnInner{ width:640px; margin-left:auto; margin-right:auto; }
		.columnInner:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.noticeList{ margin-top:20px; margin-bottom:20px;}
.noticeList li{
	position:relative;
	padding:3px 0 3px 12px;
	font-size:12px;
	line-height:1.2;
}

.noticeList li span{
	position: absolute;
	left:0px;
	top:3px;
}

.txt-break{ display:block; }
.btLinkWrapCenter a{ margin:0 auto; }

.columnInner p{
	font-size:14px;
	line-height:1.5;
}

.pdfList li{
	padding:6px 0 6px 30px;
	margin-bottom:6px;
	background:url(../images/common/iconPDF.png) no-repeat 0 0;
}
.pdfList li a{ color:#1F7EE4; }
.pdfList .none{
  position: relative;
	padding:6px 0 6px 30px;
	margin-bottom:6px;
	background: none;
}
.pdfList .none:before {
  content: "・";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  display: block;
  font-size: 100%;
  font-weight: bold;
}


/* ------------------------------------------
　トップページ
--------------------------------------------- */

/* トップメインスライダー */
.topMainSliderWrap{ width: 100%; height: 100%; overflow: hidden; }
.topMainSlider{
	background:#CCC;
	width: 980px; margin: 0 auto; height: 480px; position: relative;
}

.slideWrap { width: 2940px; position: absolute; left: 50%; margin-left: -1470px;}
.topMainSlider ul { width: 100%;}
.topMainSlider  ul li { width: 980px; text-align: center; float: left;}
.topMainSlider  ul li img { width: 100%; vertical-align: bottom;}


#topHeader{
	background:none;
	height: 100%;
	position:relative;
}

#topHeader #header {
	width: 920px;
	height: 288px;
	margin: 0 auto;
	background-image:none;
	background-position: center bottom;
	background-repeat: no-repeat;
	/*padding-left: 34px;
	padding-right: 26px;*/
	font-size: 0;
	line-height: 0;
	text-align:center;
}

#topHeader #header h1 {
	float:none;
	padding-top: 36px;
	text-align:center;
}
#topHeader #header #headerNav {
	width: 980px;
	position:relative;
	float:none;
}


#topHeader #header #headerNav a {
	display: block;
	margin-right: 28px;
	height: 104px;
	position: relative;
	padding-top: 19px;
	float: left;
	text-align: center;
}
#topHeader #header #headerNav a .gNavIcon {
	display: block;
}
#topHeader #header #headerNav a .gNavIcon img {
	margin-bottom: 6px;
	-moz-transition: -moz-transform 0.3s ease-out;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	-ms-transition: -ms-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
#topHeader #header #headerNav a:hover .gNavIcon img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#topHeader #header #headerNav a.gNav01 {
	width: 175px;
}
#topHeader #header #headerNav a.gNav02 {
	width: 63px;
}
#topHeader #header #headerNav a.gNav03 {
	width: 87px;
}
#topHeader #header #headerNav a.gNav04 {
	width: 107px;
}
#topHeader #header #headerNav a.gNav05 {
	width: 130px;
}
#topHeader #header #headerNav a.gNav06 {
	width: 94px;
	margin-right: 0;
}

#gNavParkingStatus{
	width: 130px;
	position:absolute;
	right: 0;
	top: -28px;
}

		[class*="parking-"]{
			display:block;
			box-sizing: border-box;
			width:100%;
			height:146px;
			padding-top:70px;
			background-repeat:no-repeat;
			background-position:center 0;
			color:#FFF;
			/*font-family: 'Open Sans', sans-serif;*/
			font-family: 'Oswald', sans-serif;
			font-size:36px;
		}
		[class*="parking-"] span{ font-size:24px;}

		.parking-status1{ background-image:url(../images/top/parking-status1020.png); }
		.parking-status2{ background-image:url(../images/top/parking-status3040.png); }
		.parking-status3{ background-image:url(../images/top/parking-status5060.png); }
		.parking-status4{ background-image:url(../images/top/parking-status7080.png); }
		.parking-status5{ background-image:url(../images/top/parking-status90.png); }
		.parking-status6{ background-image:url(../images/top/parking-status100.png); }


/* 2019.01追加 */

#gNavParking{
	width:250px;
	position:absolute;
	right: -50px;
	top: -28px;
	color:#000;
}
.gNavParkingTitle{width:90px; margin:0 auto;}
.gNavParkingTitle img{width:100%;}

#gNavParkingarea{
	position:absolute;
	right: 55px;
	top: 30px;
}
#gNavParkingarea div {
	display: block;
	height: 90px;
	position: relative;
	padding-top: 10px;
	float: left;
	text-align: center;
	padding-left:5px;
}
#gNavParkingarea .gNavIcon {
	display: block;
}
#gNavParkingarea .gNavIcon img {
	margin-bottom: 6px;
}
#gNavParking a{
	position:absolute;
	right:-62px;
	top: 120px;
}

 #gNavParking p{
	position:absolute;
	right:-4px;
	bottom:-15px;
	font-size:10.5px;
	color:#000;
}

/* トップコンテンツ部分共通 */
.topContainer{ width:100%; padding:13px 0 60px; position:relative; min-height:400px; }
		.bg-yellow{ background-color:#FFF000;}
		.bg-green{ background-color:#25CD98;}
		.kazari{
			display:block;
			width:100%;
			text-align:center;
			position:absolute;
			left:0;
			top:-19px;
		}

.topContainer h2{ text-align:center; margin-bottom:30px;}

.topContainerInner{
	width:980px;
	margin:0 auto;
	text-align:center;
}
.topContainerInner:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }



/* 今日のパークプレイス */
#filteringNav{ width:680px; margin:0 auto 30px;}
#filteringNavNews{ width:880px; margin:0 auto 30px;}
#filteringNav:after, #filteringNavNews:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

#filteringNav li,
#filteringNavNews li{
	float: left;
	height:10px;
	display:block;
	padding:11px 25px 0;
	margin:0 5px;
	height:29px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
}
		/* すべて */
		#keytppAll,
		#keynewsAll{ width:84px; }

		#keytppAll:hover, #keytppAll.active{ background:#FFF; }
		#keynewsAll:hover, #keynewsAll.active{ background:#FFEE00; }

		/* イベント */
		#keytppEvent,
		#keynewsEvent{ width:153px; }

		#keytppEvent:hover, #keytppEvent.active{ background:#FFF; }
		#keynewsEvent:hover, #keynewsEvent.active{ background:#FFEE00; }

		/* ショップ */
		#keytppShop,
		#keynewsShop{ width:108px; }

		#keytppShop:hover,#keytppShop.active{ background:#FFF; }
		#keynewsShop:hover, #keynewsShop.active{ background:#FFEE00; }

		/* ブログ */
		#keynewsBlog{ width:40px; }
		#keynewsBlog:hover,  #keynewsBlog.active{ background:#FFEE00; }

		/* News */
		#keytppInfo,
		#keynewsInfo{ width:55px; }

		#keytppInfo:hover, #keytppInfo.active{ background:#FFF; }
		#keynewsInfo:hover,  #keynewsInfo.active{ background:#FFEE00; }

		/* スタッフ募集 */
		#keytppRecruit,
		#keynewsRecruit{ width:80px; }

		#keytppRecruit:hover, #keytppRecruit.active{ background:#FFF; }
		#keynewsRecruit:hover,  #keynewsRecruit.active{ background:#FFEE00; }


/* イベントスライド設定 */
.swiper-container{ width:920px; margin:0 auto; }
.swiper-wrapper{ margin-bottom:47px;}
.swiper-wrapper:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.swiper-slide{
	width:180px !important;
	float:left;
	margin:0;
	position:relative;
}

.swiper-slide a{ display:block; color:#333;}
.swiper-slide a:hover, .swiper-slide a:hover span img{ display:block; color:#333; text-decoration:none; opacity: 1.0; filter: alpha(opacity=100)}

.swiper-slide dl dt{
	width:180px;
	height:180px;
	margin-bottom:20px;
	background:#FFF;
	position:relative;
	font-family: 'Oswald', sans-serif;
	font-size:54px;
	overflow: hidden;
}

.swiper-slide dl dt img{ width:auto; height:100%;}
.swiper-slide dl dt img.wLong{width:auto; height:100%;left: -100%;margin: auto;position: absolute;right: -100%;}
.swiper-slide dl dt img.hLong{width:100%; height:auto;top: -100%;margin: auto;position: absolute;bottom: -100%;left: 0;}

.swiper-slide dl dd{ font-size:12px; color:#666; line-height:1.8; text-align: left; }

.mask{
	position: absolute;
	left:0;
	top:0;
}

.swiper-button-wrap{
	width:980px;
	margin:0 auto;
	position:relative;
	top:-180px;
}

.swiper-button-prev{
	width:20px !important;
	height:22px  !important;
	background:#FFEE00 url(../images/top/arrow_slider_prev.png) no-repeat 0 0 !important;
	position:absolute;
  left: 0 !important;
	top:0 !important;
}

.swiper-button-next{
	width:20px !important;
	height:22px !important;
	background:#FFEE00 url(../images/top/arrow_slider_next.png) no-repeat 0 0 !important;
	position:absolute;
  right: 0 !important;
	top:0 !important;
}


/* 曜日表示設定 */
[class*="week-"]{
	display:block;
	padding-top:60px;
	padding-bottom:40px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
}
		.week-mon{ background-image:url(../images/top/week_mon.png); } /* 月曜日 */
		.week-tue{ background-image:url(../images/top/week_tue.png); } /* 火曜日 */
		.week-wed{ background-image:url(../images/top/week_wed.png); } /* 水曜日 */
		.week-thu{ background-image:url(../images/top/week_thu.png); } /* 木曜日 */
		.week-fri{ background-image:url(../images/top/week_fri.png); } /* 金曜日 */
		.week-sat{ background-image:url(../images/top/week_sta.png); } /* 土曜日 */
		.week-sun{ background-image:url(../images/top/week_sun.png); } /* 日曜日 */



/* 左上アイコン */
[class*="icon-"]{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	margin-top:;
	width:59px;
	height:59px;
	background-repeat:no-repeat;
	background-position:center 0;
	position:absolute;
	left: -15px;
    top: -15px;
}
		.icon-event-last{ background-image:url(../images/top/ico_event_last.png); } /* 本日最終日 */

.swiper-slide dl dd.event-time {
    /* width: 60px; */
    /* height: 35px; */
    margin-bottom: 5px;
    /* background-image: url(../images/top/bg_cycle_blue.png); */
    font-size: 12px;
    color: #15A3EA;
    font-weight: bold;
    /* position: absolute; */
    right: 0;
    /* top: 130px; */
    word-wrap: break-word;
    overflow: hidden;
    text-align: center;
}

/* .event-time{
	width:60px;
	height:35px;
	padding-top:25px;
	background-image:url(../images/top/bg_cycle_blue.png);
	font-size:12px;
	color:#FFF;
	position: absolute;
	right:0;
	top: 130px;
	word-wrap:break-word;
	overflow: hidden;
} */


.btLink-month-event a{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	width:320px;
	height:46px;
	margin:0 auto;
	background:#FFF url(../images/top/btnLink_month_event.png) no-repeat center center;
	color:#000;
}

.btLink-month-event a:hover{ opacity: 0.7; filter: alpha(opacity=70); text-decoration:none; }



/* 最新情報 */
.news-wrapper{ width:100%; margin-bottom:50px;}
.news-wrapper:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.news-wrapper a{
	display:block;
	width:230px;
	height:auto;
	color:#000;
	float: left;
	margin:7px;
	position:relative;
	text-align:left;
}


.news-wrapper dl{ text-align: left; font-size:12px; }
.news-wrapper dt img{
	width:100%;
	height:auto;
}
.news-wrapper dd{
	 padding:10px;
	 line-height:1.6;
	 height:40px;
}

.news-wrapper .newsevent dd{ background-color:#FF009E;}
.news-wrapper .newsshop dd{ background-color:#00CFFF;}
.news-wrapper .newsinfo dd{ background-color:#00E400;}
.news-wrapper .newsblog dd{ background-color:#FF8A00;}
.news-wrapper .newsrecruit dd{ background-color:#45b9ad;}

.newsall dt {
	width:230px;
	height:160px;
	position:relative;
	overflow:hidden;
}
.newsall dt img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}



.btLink-more{
	width:100%;
	height:38px;
	text-align:center;
}

.btLink-more a{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	margin:0 auto;
	width:240px;
	height:38px;
	background:url(../images/top/btn_more.png) no-repeat 0 0;
}

.btLink-more a:hover{ opacity: 0.7; filter: alpha(opacity=70); text-decoration:none; }



/* インフォメーション */
.infoOpenTime{ width:300px; float:left; }

		.title-open{
			display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
			width:100%;
			height:24px;
			margin-bottom:20px;
			background:url(../images/top/info_title_open.png) no-repeat 0 0;
		}
		.title-smt{
			display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
			width:100%;
			height:24px;
			margin-top:20px;
			background:url(../images/top/info_title_smt.png) no-repeat 0 0;
		}

		.infoOpenTime ul{ margin-bottom:20px; }
		.infoOpenTime li{
			width:100%;
			text-align:right;
			height:13px;
			margin-bottom:12px;
			font-family: 'Open Sans', sans-serif;
			position:relative;
		}
		.infoOpenTime li span{ position:absolute; left:0;}


		[class*="info-title-"]{
			display:inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden;
			width:200px;
			background-repeat:no-repeat;
			background-position:10px center;
		}

		.info-title-food{ background-image:url(../images/top/info_title_open_food.png);}
		.info-title-rest{ background-image:url(../images/top/info_title_open_rest.png);}
		.info-title-notice{ background-image:url(../images/top/info_title_open_notice.png);}
		.info-title-shokuhin{ background-image:url(../images/top/info_title_open_shokuhin.png);}
		.info-title-other{ background-image:url(../images/top/info_title_open_other.png);}


		.btnLink-ieon{
			display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
			margin-bottom:20px;
			width:300px;
			height:33px;
			background:url(../images/top/btnLink_ieon.png) no-repeat 0 0;
		}
		.btnLink-ieon:hover{ opacity: 0.7; filter: alpha(opacity=70); }

		.infoOpenTime dl{
			padding:16px 19px;
			background:#FFF;
		}
		.infoOpenTime dl:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

		.infoOpenTime dt{ float:left; width:142px; height:99px; background:url(../images/top/info_smt_logo.png) no-repeat 0 0; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
		.infoOpenTime dd{ float:right; width:99px; height:99px; background:url(../images/top/info_smt_gr.png) no-repeat 0 0; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; }


.infoBnr{ width:580px; float:right; }


.infoBnr li{
	width:178px;
	height:178px;
	border:#FFF solid 1px;
	background-color:#C0F0E0;
	margin:0 20px 20px 0;
	float:left;
}

.infoBnr li.bnr-staff a,
.infoBnr li.bnr-bosyu a{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	width:178px;
	height:178px;
	background-repeat:no-repeat;
	background-position:center 18px;
	background-repeat:no-repeat;
}
		.bnr-staff a{ background-image:url(../images/top/bnr_staff.png); }
		.bnr-bosyu a{ background-image:url(../images/top/bnr_bosyu.png); }


.infoBnr li.bnr-trinita{
	width:178px;
	height:93px;
	border:#FFF solid 1px;
	background-color:#C0F0E0;
	background-image:url(../images/top/bnr_trinita_bg.png);
	background-position:center 15px;
	background-repeat:no-repeat;
	padding-top:85px;
	margin:0 0 20px 0;
	float:left;
}
		.infoBnr li.bnr-trinita a{ display:block; margin-bottom:6px;}

.infoBnr li a:hover{ opacity: 0.7; filter: alpha(opacity=70); }

/* 動画で紹介 */
.topMovie dt{
	margin-bottom:37px;
	text-align:center;
}

.topMovie a.btLink-01{
	margin:0 auto;
}

.topMovie p {
    display: block;
    width: 560px;
    margin: 0 auto 30px;
    font-size: 90%;
    line-height: 180%;
    /* background-color: white; */
    text-align: left;
}

.topMovie span {
    font-weight: bold;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}

.bnr-sponsarList{ padding-top:50px; }
.bnr-sponsarList a{
	display: inline-block;
	margin:20px;
}

/* ------------------------------------------
　カラフルパレット
--------------------------------------------- */
.main-cpWrap{
	width:100%;
	margin-bottom:60px;
	background:url(../images/colorful-palette/main_bg.png) repeat 0 0;
	text-align:center;
}


.swiper-container-colorful{ padding-top:30px; width:860px; margin:0 auto;}
.swiper-container-colorful .swiper-wrapper{  margin:0 auto 47px;}
.swiper-container-colorful .swiper-wrapper:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.swiper-container-colorful .swiper-wrapper .swiper-slide{
	width:160px !important;
	float:left;
	margin:5px 0 0;
	position:relative;
	height:240px;
}

.swiper-container-colorful .swiper-wrapper .swiper-slide-archive{
	width:160px !important;
	float:left;
	margin:5px 27px 0;
	position:relative;
	height:240px;
}


.swiper-container-colorful .swiper-wrapper .swiper-slide a,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive a{ display:block; color:#333;}


.swiper-container-colorful .swiper-wrapper .swiper-slide a:hover,
.swiper-container-colorful .swiper-wrapper .swiper-slide a:hover span img,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive a:hover,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive a:hover span img{ display:block; color:#333; text-decoration:none; opacity: 1.0; filter: alpha(opacity=100)}

.swiper-container-colorful .swiper-wrapper .swiper-slide dl dt,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive dl dt{
	width:160px;
	height:160px;
	margin-bottom:10px;
	background:#FFF;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:54px;
	text-align: center;
}

.swiper-container-colorful .swiper-wrapper .swiper-slide dl dt img,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive dl dt img{ width:100%; height:auto}

.swiper-container-colorful .swiper-wrapper .swiper-slide dl dd,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive dl dd{ text-align:center; font-size:16px; line-height:1.4; }

.swiper-container-colorful .swiper-wrapper .swiper-slide dl dd span,
.swiper-container-colorful .swiper-wrapper .swiper-slide-archive dl dd span{ display:block; font-size:12px;}

.mask{
	position: absolute;
	left:0;
	top:0;
}

.colorful-data{
	padding-top:5px;
	width:110px;
	height:33px;
	background-image:url(../images/colorful-palette/bg_fukidashi.png);
	font-size:12px;
	color:#FFF;
	text-align:center;
	position: absolute;
	left:0;
	top:0;
}


.swiper-button-colorful-wrap{
	width:980px;
	margin:0 auto;
	position:relative;
	top:-220px;
}

.swiper-button-prev-colorful{
	display: block;
	width:36px !important;
	height:36px !important;
	background:#FFF url(../images/colorful-palette/arrow_slider_prev.png) no-repeat 0 0 !important;
	position:absolute;
  left: 0 !important;
	top:0 !important;
}

.swiper-button-next-colorful{
	display: block;
	width:36px !important;
	height:36px !important;
	background:#FFF url(../images/colorful-palette/arrow_slider_next.png) no-repeat right 0 !important;
	position:absolute;
  right: 0 !important;
	top:0 !important;
}



h2.cptitle{ text-align:center;}

.cp-title{
	height:35px;
	padding-top:13px;
	margin-bottom:40px;
	color:#000;
	background:#CCF5FF;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	position:relative;
}
		.cp-title:before,
		.cp-title:after{
					content:"";
					display:block;
					width:42px;
					height:60px;
					background-repeat:no-repeat;
					background-size:42px 60px;
					position: absolute;
					top:0px;
					z-index:20;
		}

		.cp-title:before{ background-image:url(../images/colorful-palette/title_ribon_before.png); left:0;}
		.cp-title:after{ background-image:url(../images/colorful-palette/title_rebon_after.png); right:0;}


.mediaWrap{ background:url(../images/colorful-palette/line_vartical.png) repeat-y center 0;}
.mediaWrap:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.mediaWrapFM,
.mediaWrapOBS{
	width:460px;
	text-align:center;
}
		.mediaWrapFM{ float: left; }
		.mediaWrapOBS{ float: right; }

.radioInfo{
	background:#CCF5FF;
	margin-top:35px;
	padding:35px 20px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.radioInfo dt{
	margin-bottom:15px;
	font-size:36px;
	font-weight:bold;
}

.radioInfoSubTit{
	margin-bottom:24px;
	text-align:center;
	font-size:18px !important;
}

.radioInfoSubTit .fs28{ font-size:28px; }

.radioInfo dd{
	padding:0 0 0 60px;
	margin-bottom:40px;
	position:relative;
	font-size:12px;
	line-height:1.8;
	text-align:left;
}
.radioInfo dd.w348{ width:288px; margin-right:auto; margin-left: auto;}

.ico-hz{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	width:48px;
	height:48px;
	background:url(../images/colorful-palette/radioInfo_hz_bg.png) no-repeat 0 0;
	color:#FFF;
	position:absolute;
	left:0;
	top:0;
}

.radioInfo dd .btLink-02{
	margin:0 auto;
	position:relative;
	left:-20px;
}


.scheduleTitleCp {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 12px;
}


.scheduleTitleCp div.next {
  position: absolute;
  right: 0;
  bottom: 12px;
}

.scheduleTitleCp div.back {
  position: absolute;
  left: 0;
  bottom: 12px;
}




/* ------------------------------------------
　交通アクセス
--------------------------------------------- */
.page-title-access{
	box-sizing:border-box;
	margin:30px auto 20px;
	padding:0 0 0 63px;
	background:url(../images/access/title_icon.png) no-repeat 0 center;
	font-size:24px;
}

.ap-anchorLink{ width:660px; margin:0 auto;}
.ap-anchorLink a{
  display:inline-block;
	margin:10px;
	padding-right:20px;
	padding-top:10px;
  width: 180px;
  height: 26px;
	background:#FFEE00 url(../images/access/arrow_down.png) no-repeat 180px center;
	color:#000;
	text-align:center;
	font-weight:bold;
}
		.ap-anchorLink a:hover{ opacity: 0.7; filter: alpha(opacity=70); text-decoration:none; }

/*駐車率セット */
.pakingStatusWrap{
	position:relative;
	height:100px;
}
		/* 10-20% */
		.pakingStatusWrap.pRate1{
			background: #ffcc00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffcc00 80%, #ff9900 80%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffcc00), color-stop(80%,#ff9900)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffcc00 80%,#ff9900 80%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffcc00 80%,#ff9900 80%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffcc00 80%,#ff9900 80%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffcc00 80%,#ff9900 80%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
		}
		/* 30-40% */
		.pakingStatusWrap.pRate2{
			background: #ffcc00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffcc00 64%, #ff9900 64%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,#ffcc00), color-stop(64%,#ff9900)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffcc00 64%,#ff9900 64%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffcc00 64%,#ff9900 64%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffcc00 64%,#ff9900 64%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffcc00 64%,#ff9900 64%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
		}
		/* 50-60% */
		.pakingStatusWrap.pRate3{
			background: #ffcc00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffcc00 48%, #ff9900 48%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#ffcc00), color-stop(48%,#ff9900)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffcc00 48%,#ff9900 48%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffcc00 48%,#ff9900 48%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffcc00 48%,#ff9900 48%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffcc00 48%,#ff9900 48%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
		}
		/* 70-80% */
		.pakingStatusWrap.pRate4{
			background: #ffcc00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffcc00 32%, #ff9900 32%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffcc00), color-stop(32%,#ff9900)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffcc00 32%,#ff9900 32%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffcc00 32%,#ff9900 32%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffcc00 32%,#ff9900 32%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffcc00 32%,#ff9900 32%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
		}
		/* 90% */
		.pakingStatusWrap.pRate5{
			background: #ffcc00; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffcc00 16%, #ff9900 16%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#ffcc00), color-stop(16%,#ff9900)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffcc00 16%,#ff9900 16%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffcc00 16%,#ff9900 16%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffcc00 16%,#ff9900 16%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffcc00 16%,#ff9900 16%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
		}
		/* 100% */
		.pakingStatusWrap.pRate6{ background:#FF9900; }


/*		.pakingStatusTitle{
			position:absolute; left: 20px; top: 30px;
         }
		.pakingStatus{
			font-family: 'Oswald', sans-serif;
			font-size:72px;
			position:absolute;
			left: 423px;
			top: 15px;
			color:#fff;
			text-shadow:3px 3px 0px rgba(204, 204, 204, 0.6) ;
			-webkit-text-shadow:3px 3px 0px rgba(204, 204, 204, 0.6) ;
			-moz-text-shadow:3px 3px 0px rgba(204, 204, 204, 0.6) ;
		}
		.pakingStatus span{ font-size:48px; }*/



.ap-parkingNavList:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.ap-parkingNavList li{
	float:left;
	margin:0 3px;
	height:92px;
	background-position:center 0;
	background-repeat:no-repeat;
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	cursor:pointer;
}

		.ap-parkingNavList li.ap-parking-all{ width: 100px; height:10px; background-color:#FFEE00; float:none; display:none; }
		.ap-parkingNavList li.ap-parking-ab{ width: 101px; background-image: url(../images/access/parking_nav_ab.png); margin-left:3px; }
		.ap-parkingNavList li.ap-parking-ab:hover, .ap-parkingNavList li.ap-parking-ab.active{ background-image: url(../images/access/parking_nav_ab_on.png); }

		.ap-parkingNavList li.ap-parking-c{ width: 60px; background-image: url(../images/access/parking_nav_c.png); }
		.ap-parkingNavList li.ap-parking-c:hover, .ap-parkingNavList li.ap-parking-c.active{ background-image: url(../images/access/parking_nav_c_on.png); }

		.ap-parkingNavList li.ap-parking-def{ width: 150px; background-image: url(../images/access/parking_nav_def.png);}
		.ap-parkingNavList li.ap-parking-def:hover, .ap-parkingNavList li.ap-parking-def.active{ background-image: url(../images/access/parking_nav_def_on.png); }

		.ap-parkingNavList li.ap-parking-hj{ width: 108px; background-image: url(../images/access/parking_nav_hj.png); }
		.ap-parkingNavList li.ap-parking-hj:hover, .ap-parkingNavList li.ap-parking-hj.active{ background-image: url(../images/access/parking_nav_hj_on.png); }

		.ap-parkingNavList li.ap-parking-g{ width: 60px; background-image: url(../images/access/parking_nav_g.png); }
		.ap-parkingNavList li.ap-parking-g:hover, .ap-parkingNavList li.ap-parking-g.active{ background-image: url(../images/access/parking_nav_g_on.png); }

		.ap-parkingNavList li.ap-parking-p{ width:157px; background-image: url(../images/access/parking_nav_p.png); margin-right: 0; }
		.ap-parkingNavList li.ap-parking-p:hover, .ap-parkingNavList li.ap-parking-p.active{ background-image: url(../images/access/parking_nav_p_on.png); }





.ap-accessWrap{ min-height:450px;}
.ap-accessWrapInner{}
.ap-accessWrapInner img{
	margin-bottom:30px;
}

.ap-accessWrapInner a.btLink-02{
	margin:0 auto;
}

.accessMap{ margin-top:60px; margin-bottom:60px;}

.ap-rootInfo p{
	font-size:14px;
	margin-bottom:15px;
	line-height:1.8;
}
.ap-rootInfo p.fs16{ font-size:16px; }

.ap-rootInfo .ds{
	margin-top:30px;
	margin-bottom:20px;
}


.ap-rootInfo a.btLink-03 {
	display:block;
	background-image: url(../images/access/btLink.png);
	background-position:130px center;
	background-repeat:no-repeat;
	background-color:#ffee00;
	padding:0;
	width:140px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#000;
}

.ap-rootInfo a.btLink-03:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


.ap-contactList{
	padding:15px;
	background-color:#EEEEEE;
	line-height:1.5;
}


/* 2019.01追加 */

.inside-color{
	display: inline;
	color:#46B25D;
}
.outside-color{
	display: inline;
	color:#4182BD;
}
.pakingStatusTitle img{width:200px;padding-left:10px;}
.parkingStatusInside{
	width:327px;
	height:81px;
	background-image:url(/images/access/inside_back.png);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	margin-top:20px;
	margin-left:10px;
	display: inline-block;
}
.parkingStatusInside img{
	width:155px;
	padding:6px 0 0 110px;
}
.parkingStatusOutside{
	width:327px;
	height:81px;
	background-image:url(/images/access/outside_back.png);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	margin-top:20px;
	margin-left:5px;
	display: inline-block;
}
.parkingStatusOutside img{
	width:155px;
	padding:6px 0 0 110px;
}
.parkingInside{
	width:500px;
	height:20px;
	background-image:url(/images/access/parking_inside_bar.png);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	margin:5px 0 5px 5px;
	display: inline-block;
}
.parkingOutside{
	width:155px;
	height:20px;
	background-image:url(/images/access/parking_outside_bar.png);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	margin:5px 0 5px 2px;
	display: inline-block;
}

/* ----------------------------------
   トップポップアップ（動画）
---------------------------------- */
#top-adv-background {
	display: none;
	position:fixed;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#top-adv-cont {
	display: block;
	width: 98%;
	margin: 1% auto;
	text-align: center;
}
#top-adv-cont img {
	width: 100%;
	display: block;
}
#top-adv-cont iframe {
	width: 100%;
	display: block;
	border: 0px;
}
#top-adv-cont .link {
	display: block;
	width: 100%;
	height: 38px;
    padding: 22px 0 0;
	background-color: #fff000;  /*黄色ボタン*/
/*	background-color: #FF1493; ピンクボタン*/
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	color: #252525;
	line-height: 100%;
}

#top-adv-cont .link span {
	color: #e60012;  /*黄色背景時のリンク */
 /*   color: #fff000;  ピンク背景時のリンク */
}

#top-adv-cont .link:after {
	content:">>";
	padding-left: 20px;
	color:#252525;
	font-weight: bold;
	font-size: 105%;
}

#top-adv-btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 39px 0 0 50px;
	background-color: #fff;
	z-index: 10002;
	line-height: 100%;
	text-indent: -9999px;
	background-image:url(/images/top/close.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	border: none;
}

#top-adv-background div:target {
	-webkit-animation-name: modalFadeIn;
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}

/* 動画 */
#top-adv-main {
	display: none;
	top: 9%;
	left: 11%;
	width: 78%;
	text-align: center;
	background: #fff;
	position:fixed;
	z-index: 10001;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 写真 */
#top-adv-main.photo {
	top: 5%;
    left: 5%;
    width: 90%;
}
.photo-container {
	position: relative;
	padding-bottom: 64%;
	height: 0;
	overflow: hidden;
}


@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}

/* ----------------------------------
   トップポップアップ（画像）
---------------------------------- */
