@charset "UTF-8";
/* CSS Document */
#contents {
	background: url("../images/hocoroco/hocoroco_01_img00_pc.png") no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	padding-bottom: 42%;
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) {
	#contents .tabList01 ul li:hover a {
		color: #fff;
		background: #5db296;
		transition: 0.4s;
	}
}
@media only screen and (max-width: 767px) {
	#contents {
		background: url("../images/hocoroco/hocoroco_01_img00_sp.png") no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		padding-bottom: 140%;
	}
}
@media (orientation: landscape) and (max-width: 767px){
}