.boxMainBanner.home {
	height: 573px;
}

.boxMainBanner .shortcuts {
	position: absolute;
	bottom: 2%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 300;
}

.boxMainBanner .shortcuts a {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 10px;
	font-size: 0;
	line-height: 0;
	background: #f7aa04;
	border-radius: 50%;
	transition: all 0.1s ease-out;
}

.boxMainBanner .shortcuts a:hover, .boxMainBanner .shortcuts a.selected {
	background: #bd0a0f;
}






/* ########## */
/* RESPONSIVE */
/* ########## */

/* 1280px */
@media screen and (max-width: 1280px) {
	.boxMainBanner.home {
		height: 43.4vw;
	}
}


/* 960px */
@media screen and (max-width: 960px) {
  .boxMainBanner.home {
	  height: 44.8vw;
  }
}


/* 480px */
@media screen and (max-width: 480px) {
	.boxMainBanner.home {
		height: 49vw;
	}

	.boxMainBanner .shortcuts {
		display: flex;
		flex-flow: row wrap;
		left: 0;
		bottom: 0;
		width: 100%;
		transform: translateX(0);
		background: #ffffff;
	}

  .boxMainBanner .shortcuts a {
	  flex-grow: 1;
	  border-radius: 0;
	  margin: 0 2px 0 0;
  }

  .boxMainBanner .shortcuts a:last-of-type {
	  margin: 0;
  }
}