/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.bx-controls
{
    position: absolute;
    top: 560px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.bx-controls .bx-pager-item
{
    position: relative;
    display: inline-block;
    margin: 0 30px !important;
    padding: 0;
}
#suntory_contents .bx-controls .bx-pager-item a{ background: #fff; width: 18px; height: 18px; border: 1px solid #666666; border-radius: 50%;  display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-indent:-9999px; outline:none; padding: 0;}
#suntory_contents .bx-controls .bx-pager-item a:hover{ background: #eea52a;}
#suntory_contents .bx-controls .bx-pager-item a.active{ background: #eea52a; cursor:default;}

@media screen and (max-width: 767px){
	.bx-controls{ top: 340px;}
	.bx-controls .bx-pager-item{ margin: 0 5% !important;}
	#suntory_contents .bx-controls .bx-pager-item a{ width: 15px; height: 15px;}
}