@charset "UTF-8";

/* ========================================
	action
======================================== */
.p-action_wrap {
  width: 100%;
  overflow: hidden !important;
}
.p-action_tl {
  position: relative;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
.p-action-mv {
  position: relative;
  width: 100%;
  background: url(../images/action/mv_bg.jpg) no-repeat top center;
  background-size: 100% auto;
  padding-bottom: 25%;
}
.p-action-mv_lead {
  position: relative;
  width: 68%; /* 649 / 750 * 100 */
  margin: 0 auto;
  position: relative;
  z-index: 1;
}


/* ========================================
	kakezan
======================================== */
/* kakezan */
.p-action-kakezan {
	position: relative;
	margin-top: -51%;
	padding-bottom: 12%;
	background: url(../images/action/action_kakezan_bg.png) no-repeat top center;
	background-size: 100% auto;
}
.p-action_in01 {
  position: relative;
  width: 100%;
  margin: 0;
}
.p-action-kakezan_lead {
  position: relative;
  top: -500%;
  width: 100%;
  z-index: 0;
}
.p-action-kakezan_slide {
  position: relative;
  width: 87.2%; /* 654 / 750 * 100 */
  margin: 0 auto;
  border: 5px solid #fff028;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

/* combination */
.p-action_in02 {
  position: relative;
  width: 100%;
  margin: 0;
}
.p-action-combination_lead {
  width: 95.6%; /* 717 / 750 * 100 */
  margin: 0 auto;
}
.slot_wrap {
  position: relative;
  width: 100%;
  padding-top: 166.66666666666669%; /* 1250 / 750 * 100 */
  background: url(../images/action/slot_bg.png) no-repeat 0 0;
  background-size: 100% auto;
}
.slot_kirby_chara {
  position: absolute;
  top: 0;
  left: 0.6666666666666667%; /* 5 / 750 * 100 */
  width: 45.733333333333334%; /* 343 / 750 * 100 */
}
.slot_kirby_name {
  position: absolute;
  top: 28.64%; /* 358 / 1250 * 100 */
  left: 3.2%; /* 24 / 750 * 100 */
  width: 45.33333333333333%; /* 340 / 750 * 100 */
}
.slot_kirby_menu {
  position: absolute;
  top: 33.040000000000006%; /* 413 / 1250 * 100 */
  left: 3.2%; /* 24 / 750 * 100 */
  width: 45.33333333333333%; /* 340 / 750 * 100 */
  padding: 4px;
  background-color: #f95ba4;
  border-radius: 8px;
  box-shadow: 4px 4px 0px 0px #2560ab;
  z-index: 100;
  box-sizing: border-box;
}
.slot_kirby_menu_main {
  position: relative;
  cursor: pointer;
}
.slot_kirby_menu_main_in:after {
  content: "";
  position:absolute;
  top: 36.04651162790697%; /* 31 / 86 * 100 */
  right: 5.214723926380368%; /* 17 / 326 * 100 */
  width: 9.815950920245399%; /* 32 / 326 * 100 */
  height: 26.744186046511626%; /* 23 / 86 * 100 */
  background: url(../images/action/icon_kirby_arrow_off.png) no-repeat 0 0;
  background-size: auto 100%;
  /*animation: pl 2000ms infinite;*/
}
.is-active .slot_kirby_menu_main_in:after {
  background: url(../images/action/icon_kirby_arrow_on.png) no-repeat 0 0;
  background-size: auto 100%;
}
.slot_kirby_menu_list {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 200ms;
}
.is-active .slot_kirby_menu_list {
  position: static;
  opacity: 1;
  visibility: visible;
}
.slot_kirby_menu_item {
  position: relative;
  width: 100%;
  padding-top: 23.31288343558282%; /* 76 / 326 * 100 */
  margin-top: 3px;
  cursor: pointer;
  background: center center no-repeat;
  background-size: cover;
}
.slot_kirby_menu_item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slot_kirby_menu_item[data-copy="sword"] {background-image: url(../images/action/menu_kirby_sword_off.png);}
.slot_kirby_menu_item[data-copy="artist"] {background-image: url(../images/action/menu_kirby_artist_off.png);}
.slot_kirby_menu_item[data-copy="yo-yo"] {background-image: url(../images/action/menu_kirby_yo-yo_off.png);}
.slot_kirby_menu_item[data-copy="stone"] {background-image: url(../images/action/menu_kirby_stone_off.png);}
.slot_kirby_menu_item[data-copy="water"] {background-image: url(../images/action/menu_kirby_water_off.png);}
.slot_kirby_menu_item[data-copy="ninja"] {background-image: url(../images/action/menu_kirby_ninja_off.png);}
.slot_kirby_menu_item[data-copy="cook"] {background-image: url(../images/action/menu_kirby_cook_off.png);}
.slot_kirby_menu_item[data-copy="suplex"] {background-image: url(../images/action/menu_kirby_suplex_off.png);}
.slot_fh_chara {
  position: absolute;
  top: -1.5%;
  right: 0;
  width: 50.66667%; /* 380 / 750 * 100 */
}
.slot_fh_name {
  position: absolute;
  top: 28.64%; /* 358 / 1250 * 100 */
  left: 51.46666666666667%; /* 386 / 750 * 100 */
  width: 45.33333333333333%; /* 340 / 750 * 100 */
}
.slot_fh_menu {
  position: absolute;
  top: 33.040000000000006%; /* 413 / 1250 * 100 */
  left: 51.46666666666667%; /* 386 / 750 * 100 */
  width: 45.33333333333333%; /* 340 / 750 * 100 */
  padding: 4px;
  background-color: #2fcdd1;
  border-radius: 8px;
  box-shadow: 4px 4px 0px 0px #2560ab;
  z-index: 100;
  box-sizing: border-box;
}
.slot_fh_menu_main {
  position: relative;
  cursor: pointer;
}
.slot_fh_menu_main:not(.is-disabled) .slot_fh_menu_main_in:after {
  content: "";
  position:absolute;
  top: 36.04651162790697%; /* 31 / 86 * 100 */
  right: 5.214723926380368%; /* 17 / 326 * 100 */
  width: 9.815950920245399%; /* 32 / 326 * 100 */
  height: 26.744186046511626%; /* 23 / 86 * 100 */
  background: url(../images/action/icon_fh_arrow_off.png) no-repeat 0 0;
  background-size: auto 100%;
  /*animation: pl 2000ms infinite;*/
}
@keyframes pl {
	0% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	70% {
		opacity: 0.6;
	}
	80% {
		opacity: 1;
	}
	90% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}
.is-active .slot_fh_menu_main_in:after {
  background: url(../images/action/icon_fh_arrow_on.png) no-repeat 0 0;
  background-size: auto 100%;
}
.slot_fh_menu_list {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 200ms;
}
.is-active .slot_fh_menu_list {
  position: static;
  opacity: 1;
  visibility: visible;
}
.slot_fh_menu_item {
  position: relative;
  width: 100%;
  padding-top: 23.31288343558282%; /* 76 / 326 * 100 */
  margin-top: 3px;
  background: center center no-repeat;
  background-size: cover;
}
.slot_fh_menu_item:not(.is-disabled) {
  cursor: pointer;
}
.slot_fh_menu_item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slot_fh_menu_item.is-disabled,
.slot_fh_menu_item.is-current,
.slot_kirby_menu_item.is-current {
	display: none;
}
.slot_fh_menu_item[data-helper="flame"] {background-image: url(../images/action/menu_fh_flame_off.png);}
.slot_fh_menu_item[data-helper="ice"] {background-image: url(../images/action/menu_fh_ice_off.png);}
.slot_fh_menu_item[data-helper="wind"] {background-image: url(../images/action/menu_fh_wind_off.png);}
.slot_fh_menu_item[data-helper="water"] {background-image: url(../images/action/menu_fh_water_off.png);}
.slot_fh_menu_item[data-helper="electricity"] {background-image: url(../images/action/menu_fh_electricity_off.png);}
.slot_fh_menu_item[data-helper="artist"] {background-image: url(../images/action/menu_fh_artist_off.png);}
.slot_fh_menu_item[data-helper="anyone"] {background-image: url(../images/action/menu_fh_anyone_off.png);}
.slot_cover {
  position: absolute;
  top: 15.28%; /* 191 / 1250 * 100 */
  left: 43.733333333333334%; /* 328 / 750 * 100 */
  width: 13.200000000000001%; /* 99 / 750 * 100 */
}
.slot_movie {
  position: absolute;
  top: 52.959999999999994%; /* 662 / 1250 * 100 */
  left: 6.4%; /* 48 / 750 * 100 */
  width: 87.2%; /* 654 / 750 * 100 */
}
.slot_movie .slot_movie_in {
  position: relative;
  width: 100%;
  height: 100%;
  border: 5px solid #fff028;
  border-radius: 15px;
  box-sizing: border-box;
}
.slot_movie .slot_movie-mv_wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.slot_movie .slot_movie-mv {
  position: absolute;
  top: 0;
  left: 0;
	width: 100%;
  height: 100%;
}
.slot_movie .slot_movie_text {
  position: absolute;
  width: 103.62776025236593%; /* 657 / 634 * 100 */
  top: 0;
  left: 0;
  right: 0;
  top: 92%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.slot_movie_h {
  position: absolute;
  width: 43.06666666666666%; /* 323 / 750 * 100 */
  top: 46.32%; /* 579 / 1250 * 100 */
  left: 0;
  z-index: 1;
}


/* ========================================
	four
======================================== */
.p-action-four {
	position: relative;
	margin-top: -12%;
	padding-bottom: 55%;
	background: url(../images/action/action_four_bg.png) no-repeat top center;
	background-size: 100% auto;
}
.p-action-four_in {
  position: relative;
  width: 100%;
  margin: 0;
}
.p-action-four_lead {
  width: 100%;
  margin-left: 0;
}
.slide_action-content {
  position: relative;
  width: 82.66666666666667%; /* 620 / 750 * 100 */
  margin: 0 auto;
}
.slide_action-content .bx-wrapper .bx-viewport {
  overflow: inherit !important;
}
.slide_action-content .slide {
  padding-left: 0.8%;
  padding-right: 0.8%;
  padding-bottom: 0;
}
.four_movie {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.four_movie .four_movie_in {
  position: relative;
  width: 100%;
  height: 100%;
  border: 5px solid #fff028;
  border-radius: 15px;
  box-sizing: border-box;
}
.four_movie .four_movie-mv_wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.four_movie .four_movie-mv,
.four_movie .four_movie_img {
  position: absolute;
  top: 0;
  left: 0;
	width: 100%;
  height: 100%;
}
.four_movie .four_movie-mv iframe {
	width: 100%;
	height: 100%;
}
.four_movie .four_movie_img {
	cursor: pointer;
}
.four_movie .four_movie_text {
  position: absolute;
  width: 93.54838709677419%; /* 580 / 620 * 100 */
  top: 92%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.slide_action-content .bx-wrapper .bx-pager {
  height: 100%;
  bottom: 0;
}
.slide_action-content .bx-wrapper .bx-prev {
  width: 16.129032258064516%; /* 100 / 620 * 100 */
  height: 34%;
	background: url(../images/common/ico_pink_prev.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 32%;
	left: -8.870967741935484%; /* -55 / 620 * 100 */
  z-index: 10;
}
.slide_action-content .bx-wrapper .bx-next {
  width: 16.129032258064516%; /* 100 / 620 * 100 */
  height: 34%;
	background: url(../images/common/ico_pink_next.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 32%;
	right: -8.870967741935484%; /* -55 / 620 * 100 */
  z-index: 10;
}





.p-action-bg_b{
	display: block;
	position: relative;
	margin-top: -20%;
	z-index: 40;
}