@charset "UTF-8";
/* ========================================
	common
======================================== */
.l-wrapper {
  background: url(../images/play/bg.jpg) repeat left top;
}

.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
@media screen and (min-width: 1930px) {
  .bx-wrapper img {
    width: 142%;
  }
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  outline: 0;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
}
.bx-wrapper .bx-next {
  right: 10px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  outline: 0;
  text-indent: -9999px;
  z-index: 5000;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* ========================================
	play-slider
======================================== */
.p-play_wrap {
  overflow: hidden;
  padding-bottom: 77px;
}
.play-slider_wrap {
  position: relative;
  max-width: 1250px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1930px) {
  .play-slider_wrap {
    max-width: 1402px;
  }
}
.bx-viewport {
  overflow: inherit !important;
}
.play-slider {
  /*display: none;*/
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 1250px) {
  .play-slider {
    background-size:contain;
  }
}
.play-slider li {
  position: relative;
  background: url(../images/play/bg_slider.png) no-repeat 0 0;
  background-size: 100% auto;
}
.play-slider li:last-child {
  margin-right: 0 !important;
}
.one_btn {
  position: absolute;
  top: 50.44025157232704%; /* 401 / 795 * 100 */
  left: 23.599999999999998%; /* 295 / 1250 * 100 */
  width: 26.479999999999997%; /* 331 / 1250 * 100 */
}
.four_btn {
  position: absolute;
  top: 49.308176100628934%; /* 392 / 795 * 100 */
  right: 21.2%; /* 265 / 1250 * 100 */
  width: 28.16%; /* 352 / 1250 * 100 */
}
.icn_saidai {
  position: absolute;
  top: 55.733333333333334%; /* 209 / 375 * 100 */
  left: 24.705882352941178%; /* 84 / 340 * 100 */
  width: 13.920454545454545%; /* 49 / 352 * 100 */
  height: 13.333333333333334%; /* 50 / 375 * 100 */
}
.icn_saidai img {
  height: auto;
}
.p-slider01_star01 {
  position: absolute;
  top: 6.918238993710692%; /* 55 / 795 * 100 */
  left: -8%; /* -100 / 1250 * 100 */
  width: 22.08%; /* 276 / 1250 * 100 */
}
.p-slider01_star02 {
  position: absolute;
  top: 7.547169811320755%; /* 60 / 795 * 100 */
  right: -12.16%; /* -152 / 1250 * 100 */
  width: 34.08%; /* 426 / 1250 * 100 */
}
.p-slider02_chara01 {
  position: absolute;
  top: 2.767295597484277%; /* 22 / 795 * 100 */
  left: 1.44%; /* 18 / 1250 * 100 */
  width: 23.200000000000003%; /* 290 / 1250 * 100 */
}
.p-slider02_chara02 {
  position: absolute;
  top: 1.1320754716981132%; /* 9 / 795 * 100 */
  right: 0.8%; /* 10 / 1250 * 100 */
  width: 28.48%; /* 356 / 1250 * 100 */
}
.p-slider02_star01 {
  position: absolute;
  top: 9.182389937106917%; /* 73 / 795 * 100 */
  left: -6.08%; /* -76 / 1250 * 100 */
  width: 13.84%; /* 173 / 1250 * 100 */
}
.p-slider02_star02 {
  position: absolute;
  top: 4.654088050314465%; /* 37 / 795 * 100 */
  right: -16.8%; /* -210 / 1250 * 100 */
  width: 22.400000000000002%; /* 280 / 1250 * 100 */
}
.p-slider03_chara01 {
  position: absolute;
  top: 34.59119496855346%; /* 275 / 795 * 100 */
  left: 10.72%; /* 134 / 1250 * 100 */
  width: 25.679999999999996%; /* 321 / 1250 * 100 */
}
.p-slider03_star01 {
  position: absolute;
  top: 12.075471698113208%; /* 96 / 795 * 100 */
  left: -4.8%; /* -60 / 1250 * 100 */
  width: 14.48%; /* 181 / 1250 * 100 */
}
.p-slider03_star02 {
  position: absolute;
  top: 14.842767295597485%; /* 118 / 795 * 100 */
  right: -6.08%; /* -76 / 1250 * 100 */
  width: 15.440000000000001%; /* 193 / 1250 * 100 */
}
.play-slider .prev {
  display: block;
  width: 105px;
  height: 105px;
  text-indent: -9999px;
  z-index: 5000;
  background: url(../images/play/b_prev.png) no-repeat 0 0;
}
.play-slider .prev:hover {
  background-position: 0 -106px;
}
.play-slider .next {
  display: block;
  width: 105px;
  height: 105px;
  text-indent: -9999px;
  z-index: 5000;
  background: url(../images/play/b_next.png) no-repeat 0 0;
}
.play-slider .next:hover {
  background-position: 0 -106px;
}
.play-slider .prev {
  position: absolute;
  top: 41.38364779874214%; /* 329 / 795 * 100 */
  left: 16.400000000000002%; /* 205 / 1250 * 100 */
}
@media screen and (min-width: 1250px) {
  .play-slider .prev {
    left: 150px;
  }
}
#play-slider01 .prev {
  width: 106px;
  height: 106px;
  background: url(../images/play/b_prev01.png) no-repeat 0 0;
}
#play-slider01 .prev:hover {
  background-position: 0 -107px;
}
.play-slider .next {
  position: absolute;
  top: 41.38364779874214%; /* 329 / 795 * 100 */
  right: 16.400000000000002%; /* 205 / 1250 * 100 */
}
@media screen and (min-width: 1250px) {
  .play-slider .next {
    right: 150px;
  }
}

#play-slider01 .next {
  width: 106px;
  height: 105px;
  background: url(../images/play/b_next01.png) no-repeat 0 0;
}
#play-slider01 .next:hover {
  background-position: 0 -107px;
}