@charset "UTF-8";

/* footer menu */
#footer ul #f_nav_hobby a {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
	}
	
	

#local_nav_hobby {
	width: 372px;
	margin: 30px auto 0 auto;
	overflow: hidden;
	zoom: 1;
	}
	#local_nav_hobby li {
		float: left;
		margin-right: 47px;
		}
	#local_nav_hobby_other {
		margin-right: 0px !important;
		}
		#local_nav_hobby li a {
			display: block;
			height: 0;
			padding-top: 17px;
			background-repeat: no-repeat;
			line-height: 17px;
			overflow: hidden;
			filter: alpha(opacity=40);
			-moz-opacity:0.40;
			opacity:0.40;
			}
		#local_nav_hobby_osakana a {
			width: 97px;
			background-image: url(../../assets/images/f_nav_hobby_osakana.gif);
			background-size: 97px 17px;
			-webkit-background-size: 97px 17px;
			-moz-background-size: 97px 17px;
			}
		#local_nav_hobby_drg a {
			width: 115px;
			background-image: url(../../assets/images/f_nav_hobby_drg.gif);
			background-size: 115px 17px;
			-webkit-background-size: 115px 17px;
			-moz-background-size: 115px 17px;
			}
		#local_nav_hobby_other a {
			width: 66px;
			background-image: url(../../assets/images/f_nav_hobby_other.gif);
			background-size: 66px 17px;
			-webkit-background-size: 66px 17px;
			-moz-background-size: 66px 17px;
		}
		#local_nav_hobby a:hover {	
			filter: alpha(opacity=100);
			-moz-opacity:1.00;
			opacity:1.00;
			}

/* flickity */
/*.flickity-page-dots {
	bottom: 0;
	/*padding: 30px;/
	/*box-sizing: border-box;/
}*/
.flickity-page-dots {
	position: static;
	padding: 30px;
	box-sizing: border-box;
}
	.flickity-page-dots .dot {
		width: 10px;
		height: 10px;
		margin: 0 8px 10px;
	}


@media screen and (max-width: 767px) {
	#local_nav_hobby {
		width: 100%;
		margin: 30px auto 0;
		padding: 0 6% 40px;
		box-sizing: border-box;
	}
		#local_nav_hobby_osakana a {
			width: 100%;
			background-size: 100% auto;
		}
		#local_nav_hobby_drg a {
			width: 100%;
			background-size: 100% auto;
		}
		#local_nav_hobby_other a {
			width: 100%;
			background-size: 100% auto;
		}

	.flickity-page-dots {
		position: static;
		padding: 10px 30px 0;
		box-sizing: border-box;
		text-align: left;
	}
		.flickity-page-dots .dot {
			width: 10px;
			height: 10px;
			margin: 0 8px 10px;
		}

}