@charset "utf-8";



/*-- 

タブ切替

====================================================== --*/

/*-- 情報モード --*/

body .pnl_info{
	transform:translateX(-100%);
	transition:transform ease .5s, width ease .5s, opacity ease .1s;
	opacity:0;
}
body.slideon .pnl_info{
	transform:translateX(0);
	opacity:1;
}
.pnl_map{
	transition:all ease .5s;
}



/*-- 

アコーディオン / モーダル

====================================================== --*/

.info_item_content.open,
.directions_item_content.open,
.modal.active{
	animation:opacity_show ease .1s;
}
@keyframes opacity_show{
	from{opacity:0;}
	to{opacity:1;}
}