@charset "UTF-8";

/* ========================================
	common
======================================== */
.p-action-bg{
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(../images/action/bg.jpg) no-repeat center top;
	background-size: cover;
}
@media screen and (min-width: 1921px) {
	.p-world-bg{
		background-size: 100% auto;
	}
}
/* pagetop */
.l-footer_pagetop {
	bottom: 2%;
}
@media screen and (max-width: 1500px) {
	.l-footer_pagetop {
		bottom: 3%;
	}
}
@media screen and (max-width: 1200px) {
	.l-footer_pagetop {
		bottom: 4%;
	}
}
/* modal */
.p-action-modalbg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8500;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.p-action-modalbg.is-show {
	display: block;
}
.l-modal_close button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: content-box;
}

/* ========================================
	mv
======================================== */
.p-action-mv {
	position: relative;
	width: 100%;
	margin-bottom: -8%;
}
.p-action-mv_tl {
	position: relative;
	width: 24.739583333333336%; /* 475 / 1920 * 100 */
}
.p-action-mv_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	margin: 0 auto;
	z-index: 5;
}
.p-action-mv_lead {
	position: relative;
	width: 51.328125%; /* 657 / 1280 * 100 */
	margin-top: 0;
	margin-left: -0.390625%; /* -5 / 1280 * 100 */
	padding-bottom: 25%;
}
.p-action-mv_h {
	margin-top: 5%;
	margin-bottom: 2%;
}
.p-action-mv_lead01 {
	width: 103%;
	margin-left: -0.78125%; /* -10 / 1280 * 100 */
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #69420d;
	letter-spacing: -0.05em;
}
@media screen and (max-width: 1280px) {
	.p-action-mv_lead01 {
		font-size: 1.8666em; /* (28 / 1.5) /10  */
	}
}
.p-action-mv_chara {
	position: absolute;
	width: 63.671875%; /* 815 / 1280 * 100 */
	top: -25%;
	left: 48.984375%;/* 627 / 1280 * 100 */
}
.p-action-mv_chara01 {
	width: 83.2823649%; /* 817 / 981 * 100 */
	margin-left: 6%;
}
.p-action-mv_arr{
	position: absolute;
	width: 13.35372%; /* 131 / 981 * 100 */
	top: 42%;
	left: 42%;
}
.p-action-mv_chara02{
	margin-top: 5%;
}
.p-action-mv_chara02.is-animation{
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}
.p-action-mv_star01 {
	position: absolute;
	top: -31%;
	left: 3.5937499999999996%; /* 46 / 1280 * 100 */
	width: 12.03125%; /* 154 / 1280 * 100 */
	z-index: 10;
}
.p-action-mv_star02 {
	position: absolute;
	top: 60%;
	left: -6.406249999999999%; /* -82 / 1280 * 100 */
	width: 8.515625%; /* 109 / 1280 * 100 */
}

/* ========================================
	cont01
======================================== */
.p-action-cont01 {
	position: relative;
	width: 100%;
}
.p-action-cont01_in {
	position: absolute;
	left: 0;
	right: 0;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	height: 100%;
	margin: 0 auto;
}
.p-action-cont01-wrap {
	position: relative;
	width: 100%;
}
.p-action-cont01_h {
	position: relative;
	width: 61.953125%; /* 793 / 1280 * 100 */
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 1;
}
.p-action-cont01-yt{
	position: relative;
	width: 68.4375%; /* 876 / 1280 * 100 */
	margin: -3% auto 0 auto;
}
.p-action-cont01-yt_bg{
	display: block;
	position: relative;
	pointer-events: none;
}
/*mov*/
.mov{
	position: absolute;
	width: 95.5%;
	top: -1%;
	left: 2.1%;
	right: 2.5%;
	margin-left: auto;
	margin-right: auto;
}
.is-popup .mov {
	width: 93%;
	top: 4.5%;
	left: 0;
	right: 0;
}
.player_wrap{
	display: block;
	position: relative;
	height: 0;
	margin-top: 2%;
	padding-top: 56.25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.yt_player{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.p-action-cont01_chara01 {
	position: absolute;
	top: 5.5%;
	left: -6.640625%; /* -85 / 1280 * 100 */
	width: 25.703125%; /* 329 / 1280 * 100 */
}
.p-action-cont01_chara02 {
	position: absolute;
	top: 53%;
	left: -6.171875%; /* -79 / 1280 * 100 */
	width: 25.46875%; /* 326 / 1280 * 100 */
}
.p-action-cont01_chara03 {
	position: absolute;
	top: 5%;
	right: -11.09375%; /* -142 / 1280 * 100 */
	width: 34.453125%; /* 441 / 1280 * 100 */
	z-index: 1;
}
.p-action-cont01_chara04 {
	position: absolute;
	top: 50%;
	right: -12.03125%; /* -154 / 1280 * 100 */
	width: 37.734375%; /* 483 / 1280 * 100 */
	z-index: 1;
}
.p-action-cont01_star01 {
	position: absolute;
	top: 45%;
	left: -13.750000000000002%; /* -176 / 1280 * 100 */
	width: 8.984375%; /* 115 / 1280 * 100 */
}
.p-action-cont01_star02 {
	position: absolute;
	top: 42%;
	right: -16.484375%; /* -211 / 1280 * 100 */
	width: 8.828125%; /* 113 / 1280 * 100 */
}

/* ========================================
	cont02
======================================== */
.p-action-cont02 {
	position: relative;
	width: 100%;
	margin-bottom: 15%;
}
.p-action-cont02_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	margin: 0 auto;
}
.p-action-cont02_h {
	width: 62.265625%; /* 797 / 1280 * 100 */
	margin-top: 11%;
	margin-right: auto;
	margin-bottom: 2%;
	margin-left: auto;
}
.p-action-cont02_lead01 {
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #69420d;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont02_lead01 {
		font-size: 1.8666em; /* (28 / 1.5) /10  */
	}
}
.p-action-cont02_chara01 {
	position: absolute;
	top: -42%;
	left: -13.750000000000002%; /* -176 / 1280 * 100 */
	width: 28.125%; /* 360 / 1280 * 100 */
}
.p-action-cont02_chara02 {
	position: absolute;
	top: -10%;
	right: -14.296875%; /* -183 / 1280 * 100 */
	width: 31.640625%; /* 405 / 1280 * 100 */
}
.p-action-cont02_star01 {
	position: absolute;
	top: -60%;
	left: 11.328125%; /* 145 / 1280 * 100 */
	width: 17.8125%; /* 228 / 1280 * 100 */
}
.p-action-cont02_star02 {
	position: absolute;
	top: -20%;
	right: 10.46875%; /* 134 / 1280 * 100 */
	width: 8.984375%; /* 115 / 1280 * 100 */
}

/* ========================================
	cont03
======================================== */
.p-action-cont03 {
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 20%;
	background: url(../images/action/cont03_bg.png) no-repeat center bottom;
	background-size: cover;
}
.p-action-cont03_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	height: 100%;
	margin: 0 auto;
	padding-top: 15%;
}
.p-action-cont03-head {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: -3.5%;
}
.p-action-cont03-head-wrap {
	position: absolute;
	top: -5%;
	width: 100%;
	z-index: 11;
}
.p-action-cont03-head-wrap.fixed {
	position: fixed;
	width: 100%;
}
.p-action-cont03-head_in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	height: 100%;
	margin: 0 auto;
}
.p-action-cont03_h {
	position: absolute;
	top: 31%;
	left: 0;
	right: 0;
	width: 21.875%; /* 280 / 1280 * 100 */
	margin: 0 auto;
	padding-top: 2%;
	z-index: 10;
}
.p-action-cont03_lead01 {
	position: absolute;
	top: 66%;
	right: 0;
	left: 0;
	width: 78.125%; /* 1000 / 1280 * 100 */
	margin: 0 auto;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #69420d;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03_lead01 {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03_lead02 {
	position: absolute;
	top: 2%;
	right: -6.25%; /* -80 / 1280 * 100 */
	width: 26.875%; /* 344 / 1280 * 100 */
	z-index: 11;
}
.p-action-cont03-ability_list {
	position: relative;
	width: 126.5625%; /* 1620 / 1280 * 100 */
	height: 100%;
	margin: 0 auto 14%;
}
.p-action-cont03-ability_list li {
	position: relative;
	float: left;
	width: 40.49382716049383%; /* 656 / 1620 * 100 */
	height: 100%;
	margin-right: 2.7160493827160495%; /* 44 / 1620 * 100 */
}
.p-action-cont03-ability_list li:nth-child(2n) {
	margin-right: 0;
	margin-top: 6%;
}
.p-action-cont03-ability_list li:nth-child(2) {
	margin-top: 12%;
}
.p-action-cont03-ability_list li:nth-child(3) {
	margin-top: -6%;
}
.p-action-cont03-ability_list li:nth-child(5) {
	margin-top: -1%;
}
.p-action-cont03-yt_bg {
	display: block;
	position: relative;
	pointer-events: none;
}
.l-modal_close {
	position: absolute;
	top: -9.5%;
	right: -4.5%;
	width: 15.135135135135137%; /* 84 / 555 * 100 */
}
.p-action-cont03-ability_list li.is-popup {
	z-index: 9999;
}
.p-action-cont03-ability_btn {
	display: block;
	cursor: pointer;
}
.p-action-cont03-ability_btn.is-hidden {
	display: none;
}
/* ability01 */
.p-action-cont03-ability01_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont03-ability01_chara {
	position: absolute;
	top: 8%;
	left: -3.9634146341463414%; /* -26 / 656 * 100 */
	width: 49.84756097560975%; /* 327 / 656 * 100 */
}
.is-popup .p-action-cont03-ability01_chara {
	left: -18.445121951219512%; /* -121 / 656 * 100 */
}
.p-action-cont03-ability01_btn {
	position: absolute;
	bottom: 23%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont03-ability01_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03-ability01_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03_star03 {
	position: absolute;
	top: 20%;
	right: 13.567073170731708%
; /* 89 / 656 * 100 */
	width: 36.1280487804878%; /* 237 / 656 * 100 */
}
.is-popup .p-action-cont03_star03 {
	top: 8%;
	right: 29.573170731707314%; /* 194 / 656 * 100 */
}
.p-action-cont03-ability01-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont03-ability01-yt {
	display: block;
	position: absolute;
	top: 36%;
	right: -6.859756097560976%; /* -45 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability02 */
.p-action-cont03-ability02_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont03-ability02_chara {
	position: absolute;
	top: 14%;
	left: -9.298780487804878%; /* -61 / 656 * 100 */
	width: 84.90853658536585%; /* 557 / 656 * 100 */
}
.is-popup .p-action-cont03-ability02_chara {
	top: 10%;
	left: -25.304878048780488%; /* -166 / 656 * 100 */
}
.p-action-cont03-ability02_btn {
	position: absolute;
	bottom: 23%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont03-ability02_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03-ability02_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03_star04 {
	position: absolute;
	top: 14%;
	right: 14.176829268292682%; /* 93 / 656 * 100 */
	width: 25%; /* 164 / 656 * 100 */
}
.is-popup .p-action-cont03_star04 {
	top: 12%;
	right: 24.085365853658537%; /* 158 / 656 * 100 */
}
.p-action-cont03-ability02-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont03-ability02-yt {
	display: block;
	position: absolute;
	top: 41%;
	right: -8.384146341463415%; /* -55 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability03 */
.p-action-cont03-ability03_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont03-ability03_chara {
	position: absolute;
	top: 6%;
	right: -0.45731707317073167%; /* -3 / 656 * 100 */
	width: 60.213414634146346%; /* 395 / 656 * 100 */
}
.is-popup .p-action-cont03-ability03_chara {
	top: 0%;
	right: -5.7926829268292686%; /* -38 / 656 * 100 */
}
.p-action-cont03-ability03_btn {
	position: absolute;
	bottom: 23%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont03-ability03_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03-ability03_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03_star05 {
	position: absolute;
	top: 25%;
	left: -0.45731707317073167%; /* -109 / 656 * 100 */
	width: 34.90853658536585%; /* 229 / 656 * 100 */
}
.is-popup .p-action-cont03_star05 {
	top: 14%;
	left: -23.170731707317074%; /* -152 / 656 * 100 */
}
.p-action-cont03-ability03-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont03-ability03-yt {
	display: block;
	position: absolute;
	top: 41%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability04 */
.p-action-cont03-ability04_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont03-ability04_chara {
	position: absolute;
	top: 5%;
	left: -5.182926829268292%; /* -34 / 656 * 100 */
	width: 118.44512195121952%; /* 777 / 656 * 100 */
}
.is-popup .p-action-cont03-ability04_chara {
	left: -21.49390243902439%; /* -141 / 656 * 100 */
}
.p-action-cont03-ability04_btn {
	position: absolute;
	bottom: 18%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont03-ability04_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03-ability04_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03-ability04-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont03-ability04-yt {
	display: block;
	position: absolute;
	top: 36%;
	right: -8.384146341463415%; /* -55 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability05 */
.p-action-cont03-ability05_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont03-ability05_chara {
	position: absolute;
	top: 21%;
	left: -24.54268292682927%; /* -161 / 656 * 100 */
	width: 124.54268292682926%; /* 817 / 656 * 100 */
}
.is-popup .p-action-cont03-ability05_chara {
	top: 20%;
	left: -2.1341463414634148%; /* -14 / 656 * 100 */
}
.p-action-cont03-ability05_btn {
	position: absolute;
	bottom: 53.5%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont03-ability05_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03-ability05_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03_star06 {
	position: absolute;
	top: 12%;
	left: 41.61585365853659%; /* 273 / 656 * 100 */
	width: 27.28658536585366%; /* 179 / 656 * 100 */
	pointer-events: none;
}
.is-popup .p-action-cont03_star06 {
	top: 68%;
	left: -5.335365853658536%; /* -35 / 656 * 100 */
}
.p-action-cont03-ability05-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont03-ability05-yt {
	display: block;
	position: absolute;
	top: 23%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability06 */
.p-action-cont03-ability06_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont03-ability06_chara {
	position: absolute;
	top: 9%;
	left: -3.6585365853658534%; /* -24 / 656 * 100 */
	width: 115.09146341463415%; /* 755 / 656 * 100 */
}
.is-popup .p-action-cont03-ability06_chara {
	top: 10%;
	left: -15.396341463414634%; /* -101 / 656 * 100 */
}
.p-action-cont03-ability06_btn {
	position: absolute;
	bottom: 18%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont03-ability06_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont03-ability06_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont03-ability06-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont03-ability06-yt {
	display: block;
	position: absolute;
	top: 40%;
	right: -8.384146341463415%; /* -55 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}

.p-action-cont03_star01 {
	position: absolute;
	top: -3.5%;
	left: -2.8125%; /* -36 / 1280 * 100 */
	width: 18.203125%; /* 233 / 1280 * 100 */
	z-index: 11;
}
.p-action-cont03_star02 {
	position: absolute;
	top: 8%;
	right: 20.9375%; /* 268 / 1280 * 100 */
	width: 13.046875%; /* 167 / 1280 * 100 */
	z-index: 11;
}

/* ========================================
	cont04
======================================== */
.p-action-cont04 {
	position: relative;
	width: 100%;
	margin-bottom: 5%;
	background: url(../images/action/cont04_bg.png) no-repeat center bottom;
	background-size: cover;
}
.p-action-cont04_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	height: 100%;
	margin: -6% auto 0;
	padding-top: 13%;
}
.p-action-cont04-head-wrap {
	position: absolute;
	top: -5%;
	width: 100%;
	z-index: 11;
}
.p-action-cont04-head-wrap.fixed02 {
	position: fixed;
	width: 100%;
}
.p-action-cont04-head {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: -3.5%;
}
.p-action-cont04-head_in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	max-width: 2000px;
	height: 100%;
	margin: 0 auto;
}
.p-action-cont04_h {
	position: absolute;
	top: 31%;
	left: 0;
	right: 0;
	width: 21.484375%; /* 275 / 1280 * 100 */
	margin: 0 auto;
	padding-top: 2%;
	z-index: 10;
}
.p-action-cont04_lead01 {
	position: absolute;
	top: 66%;
	right: 0;
	left: 0;
	width: 78.125%; /* 1000 / 1280 * 100 */
	margin: 0 auto;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #69420d;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04_lead01 {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_lead02 {
	position: absolute;
	top: -0.5%;
	right: -6.25%; /* -80 / 1280 * 100 */
	width: 26.875%; /* 344 / 1280 * 100 */
	z-index: 11;
}
.is-tablet .p-action-cont04_lead02 {
	top: -0.2%;
}
.p-action-cont04-ability_list {
	position: relative;
	width: 126.5625%; /* 1620 / 1280 * 100 */
	height: 100%;
	margin: 0 auto 22%;
}
.p-action-cont04-ability_list li {
	position: relative;
	float: left;
	width: 40.49382716049383%; /* 656 / 1620 * 100 */
	height: 100%;
	margin-right: 2.7160493827160495%; /* 44 / 1620 * 100 */
}
.p-action-cont04-ability_list li:nth-child(2n) {
	margin-right: 0;
	margin-top: 7%;
}
.p-action-cont04-ability_list li:nth-child(2) {
	margin-top: 10%;
}
.p-action-cont04-ability_list li:nth-child(3) {
	margin-top: -2%;
}
.p-action-cont04-ability_list li:nth-child(5) {
	margin-top: -4%;
}
.p-action-cont04-ability_list li:nth-child(7) {
	margin-top: -14%;
}
.p-action-cont04-ability_list li:nth-child(9) {
	margin-top: -16%;
}
.p-action-cont04-ability_list li:nth-child(10) {
	margin-top: 2%;
}
.p-action-cont04-ability_list li.is-popup {
	z-index: 9999;
}

/* ability01 */
.p-action-cont04-ability01_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability01_chara {
	position: absolute;
	top: 15%;
	left: -6.097560975609756%; /* -40 / 656 * 100 */
	width: 83.23170731707317%; /* 546 / 656 * 100 */
}
.is-popup .p-action-cont04-ability01_chara {
	top: 9%;
	left: 31.25%; /* 205 / 656 * 100 */
}
.p-action-cont04-ability01_btn {
	position: absolute;
	bottom: 26%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability01_lead {
	position: absolute;
	bottom: 7%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability01_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star03 {
	position: absolute;
	top: 15%;
	right: 8.231707317073171%; /* 54 / 656 * 100 */
	width: 25.304878048780488%; /* 166 / 656 * 100 */
}
.is-popup .p-action-cont04_star03 {
	top: 19%;
	right: 68.29268292682927%; /* 448 / 656 * 100 */
}
.p-action-cont04-ability01-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability01-yt {
	display: block;
	position: absolute;
	top: 40%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability02 */
.p-action-cont04-ability02_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability02_chara {
	position: absolute;
	top: 13.5%;
	left: -1.9817073170731707%; /* -13 / 656 * 100 */
	width: 83.23170731707317%; /* 546 / 656 * 100 */
}
.is-popup .p-action-cont04-ability02_chara {
	top: 10%;
	left: -31.554878048780488%; /* -207 / 656 * 100 */
}
.p-action-cont04-ability02_btn {
	position: absolute;
	bottom: 26%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability02_lead {
	position: absolute;
	bottom: 7%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability02_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star04 {
	position: absolute;
	top: 14%;
	right: -5.640243902439025%; /* -37 / 656 * 100 */
	width: 35.51829268292683%; /* 233 / 656 * 100 */
}
.is-popup .p-action-cont04_star04 {
	top: 10%;
	right: 26.82926829268293%; /* 176 / 656 * 100 */
}
.p-action-cont04-ability02-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability02-yt {
	display: block;
	position: absolute;
	top: 38%;
	right: -8.384146341463415%; /* -55 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability03 */
.p-action-cont04-ability03_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability03_chara {
	position: absolute;
	top: 10%;
	left: 18.902439024390244%; /* 124 / 656 * 100 */
	width: 82.92682926829268%; /* 544 / 656 * 100 */
}
.is-popup .p-action-cont04-ability03_chara {
	top: -8%;
	left: 29.573170731707314%; /* 194 / 656 * 100 */
}
.p-action-cont04-ability03_btn {
	position: absolute;
	bottom: 28%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability03_lead {
	position: absolute;
	bottom: 7%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability03_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star05 {
	position: absolute;
	top: 24%;
	left: -6.707317073170732%; /* -44 / 656 * 100 */
	width: 25.304878048780488%; /* 166 / 656 * 100 */
}
.is-popup .p-action-cont04_star05 {
	top: 14%;
	left: -16.920731707317074%; /* -111 / 656 * 100 */
}
.p-action-cont04-ability03-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability03-yt {
	display: block;
	position: absolute;
	top: 36%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability04 */
.p-action-cont04-ability04_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability04_chara {
	position: absolute;
	top: 22%;
	left: -3.048780487804878%; /* -20/ 656 * 100 */
	width: 101.98170731707317%; /* 669 / 656 * 100 */
}
.is-popup .p-action-cont04-ability04_chara {
	top: 10%;
	left: 28.20121951219512%; /* 185 / 656 * 100 */
}
.p-action-cont04-ability04_btn {
	position: absolute;
	bottom: 64%;
	right: 5.0304878048780495%; /* 33 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability04_lead {
	position: absolute;
	bottom: 7%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability04_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04-ability04-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability04-yt {
	display: block;
	position: absolute;
	top: 38%;
	left: -6.859756097560976%; /* -45 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability05 */
.p-action-cont04-ability05_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability05_chara {
	position: absolute;
	top: 16%;
	right: -5.182926829268292%; /* -34 / 656 * 100 */
	width: 87.95731707317073%; /* 577 / 656 * 100 */
}
.is-popup .p-action-cont04-ability05_chara {
	top: 8%;
	right: -15.853658536585366%; /* -104 / 656 * 100 */
}
.p-action-cont04-ability05_btn {
	position: absolute;
	bottom: 26%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability05_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability05_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04-ability05-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability05-yt {
	display: block;
	position: absolute;
	top: 34%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability06 */
.p-action-cont04-ability06_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability06_chara {
	position: absolute;
	top: 10%;
	right: -0.6097560975609756%; /* -4 / 656 * 100 */
	width: 69.96951219512195%; /* 459 / 656 * 100 */
}
.is-popup .p-action-cont04-ability06_chara {
	top: 4%;
	right: -18.140243902439025%; /* -119 / 656 * 100 */
}
.p-action-cont04-ability06_btn {
	position: absolute;
	bottom: 26%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability06_lead {
	position: absolute;
	bottom: 7%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability06_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star06 {
	position: absolute;
	top: 18%;
	left: 7.317073170731707%; /* 48 / 656 * 100 */
	width: 33.38414634146341%; /* 219 / 656 * 100 */
}
.is-popup .p-action-cont04_star06 {
	top: 11%;
	left: 24.54268292682927%; /* 161 / 656 * 100 */
}
.p-action-cont04-ability06-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability06-yt {
	display: block;
	position: absolute;
	top: 40%;
	left: -6.859756097560976%; /* -45 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability07 */
.p-action-cont04-ability07_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability07_chara {
	position: absolute;
	top: 12%;
	right: -2.591463414634146%; /* -17 / 656 * 100 */
	width: 79.26829268292683%; /* 520 / 656 * 100 */
}
.is-popup .p-action-cont04-ability07_chara {
	top: 5%;
	right: -24.695121951219512%; /* -162 / 656 * 100 */
}
.p-action-cont04-ability07_btn {
	position: absolute;
	bottom: 23%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability07_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability07_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star07 {
	position: absolute;
	top: 18%;
	left: -17.073170731707318%; /* -112 / 656 * 100 */
	width: 33.53658536585366%; /* 220 / 656 * 100 */
}
.is-popup .p-action-cont04_star07 {
	top: 5%;
	left: -32.46951219512195%; /* -213 / 656 * 100 */
}
.p-action-cont04-ability07-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability07-yt {
	display: block;
	position: absolute;
	top: 38%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability08 */
.p-action-cont04-ability08_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability08_chara {
	position: absolute;
	top: 12%;
	right: -9.908536585365853%; /* -65 / 656 * 100 */
	width: 86.73780487804879%; /* 569 / 656 * 100 */
}
.is-popup .p-action-cont04-ability08_chara {
	top: 5%;
	right: -33.53658536585366%; /* -220 / 656 * 100 */
}
.p-action-cont04-ability08_btn {
	position: absolute;
	bottom: 20%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability08_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability08_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star08 {
	position: absolute;
	top: 25%;
	left: -5.7926829268292686%; /* -38 / 656 * 100 */
	width: 24.085365853658537%; /* 158 / 656 * 100 */
}
.is-popup .p-action-cont04_star08 {
	top: 17%;
	left: 21.341463414634145%; /* 140 / 656 * 100 */
}
.p-action-cont04-ability08-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability08-yt {
	display: block;
	position: absolute;
	top: 39%;
	left: -6.859756097560976%; /* -45 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* ability09 */
.p-action-cont04-ability09_h {
	position: absolute;
	top: -5.8%;
	left: -0.9146341463414633%; /* -6 / 656 * 100 */
	width: 102.74390243902438%; /* 674 / 656 * 100 */
	z-index: 10;
}
.p-action-cont04-ability09_chara {
	position: absolute;
	top: 18%;
	right: -4.878048780487805%; /* -32 / 656 * 100 */
	width: 86.58536585365853%; /* 568 / 656 * 100 */
}
.is-popup .p-action-cont04-ability09_chara {
	top: 11%;
	right: -22.408536585365855%; /* -147 / 656 * 100 */
}
.p-action-cont04-ability09_btn {
	position: absolute;
	bottom: 23%;
	left: 4.573170731707317%; /* 30 / 656 * 100 */
	width:51.67682926829268%; /* 339 / 656 * 100 */
}
.p-action-cont04-ability09_lead {
	position: absolute;
	bottom: 10%;
	right: 0;
	left: 0.3048780487804878%; /* 2 / 656 * 100 */
	width: 100%;
	font-size: 1.4583333333333333vw; /* 28 / 1920 * 100 */
	line-height: 1.8;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
}
@media screen and (max-width: 1280px) {
	.p-action-cont04-ability09_lead {
		font-size: 1.8666em; /* (28 / 1.5) /10 */
	}
}
.p-action-cont04_star09 {
	position: absolute;
	top: 77%;
	left: -24.390243902439025%; /* -160 / 656 * 100 */
	width: 35.36585365853659%; /* 232 / 656 * 100 */
}
.is-tablet .p-action-cont04_star09 {
	left: -28.96341463414634%; /* -190 / 656 * 100 */
}
.is-popup .p-action-cont04_star09 {
	top: 85%;
}
.p-action-cont04-ability09-yt {
	display: none;
	z-index: 10;
}
.is-popup .p-action-cont04-ability09-yt {
	display: block;
	position: absolute;
	top: 33%;
	left: -15.24390243902439%; /* -100 / 656 * 100 */
	width: 84.60365853658537%; /* 555 / 656 * 100 */
	margin: -3% auto 0 auto;
}
/* other */
.p-action-cont04-ability_lead01 {
	position: absolute;
	top: 0;
	left: 3.353658536585366%; /* 22 / 656 * 100 */
	width: 95.42682926829268%; /* 626 / 656 * 100 */
}

.p-action-cont04_star01 {
	position: absolute;
	top: -3.7%;
	left: -2.8125%; /* -36 / 1280 * 100 */
	width: 18.203125%; /* 233 / 1280 * 100 */
	z-index: 11;
}
.p-action-cont04_star02 {
	position: absolute;
	top: 3%;
	right: 20.9375%; /* 268 / 1280 * 100 */
	width: 13.046875%; /* 167 / 1280 * 100 */
	z-index: 11;
}