@charset "UTF-8";

/* ========================================
	adventure common
======================================== */
.c-adventure_wrap{
	background-image: url(../images/adventure/bg_main.png), url(../images/adventure/bg_tile.png);
	background-repeat: no-repeat, repeat;
	background-position: top center, top left;
	background-size: 100% auto, 5.733333% auto;
	padding-bottom: 7%;
}
.c-adventure_title{
	width: 66.6666666%;
	margin: 0 auto;
}
.c-adventure_contwrap{
	width: 100%;
	padding-bottom:7%;
	background-image: url(../images/adventure/bg_cont_b.png), url(../images/adventure/bg_cont.png);
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto;
	background-position: bottom center, top center;	
}
.c-adventure_main{
	width: 100%;
	position: relative;
}
.c-teater_l, .c-teater_r{
	position: absolute;
	width: 28.2666666%;
	top:0;
}
.c-teater_l{left: 0;}
.c-teater_r{right: 0;}
.c-adventure_nav{
	background-color: #fff;
	width: 100%;
	padding:5% 0 3% 0;
}
.c-adventure_nav ul{
	width: 100%;
	overflow: hidden;
}
.c-adventure_nav li{
	width: 50%;
	float: left;
}

/* ========================================
	action
======================================== */

.p-action_lead{
	width: 80.8%;
	margin: 0 auto;
}
.p-action_lead_pic{
	position: relative;
	margin-top: -22px;
	z-index:20;
}
.p-action_bg{
	position: relative;
	z-index:10;
	margin: -13% auto 0 auto;
	background: url(../images/adventure/action/bg_action.png) no-repeat top center;
	background-size: 82.8% auto;
}
.p-action_pic{
	width: 72%; /* 540 * 750 * 100*/
	padding: 5% 0;
	margin: 0 auto;
}
.p-action_pic li{
	position: relative;
	padding-bottom: 5%;
}
.p-action_pic li:nth-child(2){padding-bottom: 4%;}
.p-action_pic_ico01,
.p-action_pic_ico02{
	position: absolute;
	top: -9.7375%; /* 30 * 320 * 100*/
	left: -10%; /* 55 * 540 * 100*/
	z-index: 15;
	width:29.6296296%; /* 160 * 540 * 100*/
}
.p-action-brother_wrap{
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 5%;
	background: url(../images/adventure/action/bg_brother.png) no-repeat top center;
	background-size: 82.8% auto;
}
@media screen and (min-height: 731px) {
	.p-action-brother_wrap{
		padding-bottom: 11%;
	}
}
.p-action-brother_h{
	width: 85.4666666%; /*641 * 750 * 100*/
	margin: 0 auto;
	padding: 13% 0 5% 0;
}
.p-action-brother_pic{
	width: 72%; /* 540 * 750 * 100*/
	margin: 0 auto;
}
.p-action-brother_pic li{
	position: relative;
	padding-bottom: 0;
	margin-bottom: 13%;
}
.p-action-brother_pic li img{display: block;}
.p-action-brother_ico{
	position: absolute;
	top: -10%; /* 30 * 320 * 100*/
	z-index: 15;
	width:33.1481481%; /* 179 * 540 * 100*/
}
.p-action-brother_pic_l .p-action-brother_ico{
	right: -12.629629%; /* 70 * 540 * 100*/
}
.p-action-brother_pic_r .p-action-brother_ico{
	left: -12.629629%; /* 70 * 540 * 100*/
}
.p-action-brother_lead{
	position: absolute;
	top:75%; /* 240 * 320 * 100*/
	left:-0.5%;
}
.p-action-brother_mv{
	width: 72%; /* 540 * 750 * 100*/
	margin: 0 auto;
}
.p-action-brother_mv li{
	width: 100%;
	margin: 0 auto 5% auto;
	padding: 3% 0 3% 0;
	background:url(../images/adventure/combination/attack_mv_bg.jpg) repeat-x top center;
	background-size: auto 100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #723837;
}
.p-action-mv{
	display: block;
	background-color: #fff;
	padding:2px;
	width: 93.5185185%; /* 505 * 540* 100*/
	height:auto;
	margin: 0 auto;
}
.p-action-brother_mv li h3{
	width: 100%;
	margin-top: 2.5%;
}
.p-action_star, .p-action-brother_chara{
	display: block;
	position: absolute;
	z-index: 15;
	height: auto;
}
.p-action-brother_chara01{
	width: 18.8%;/* 141 * 750 * 100 */
	top: 14.9%;/* 298 * 2000 * 100 */
	left: 1.3333333%;/* 10 * 750 * 100 */
}
.p-action-brother_chara02{
	width: 19.7333333%;/* 148 * 750 * 100 */
	top: 34.7%;/* 694 * 2000 * 100 */
	right: 0.4%;/* 3 * 750 * 100 */
}
.p-action_star01{
	width:10.6666666%;/* 80 * 750 * 100 */
	top:51.25%;/* 1025 * 2000 * 100 */
	left:2%;/* 15 * 750 * 100 */
}
.p-action_star02{
	width:4.6666666%;/* 35 * 750 * 100 */
	top: 80.55%;/* 1611 * 2000 * 100 */
	left:5.0666666%;/* 38 * 750 * 100 */
}
.p-action_star03{
	width:5.4666666%;/* 41 * 750 * 100 */
	top:74.75%;/* 1495 * 2000 * 100 */
	right:5.0666666%;/* 38 * 750 * 100 */
}


/* ========================================
	combination
======================================== */

.p-combination_lead{
	padding:0 0 5% 0;
}
.p-combination-acbt{
	width: 82.6666666%; /* 620 * 750 * 100*/
	position: relative;
	margin: 0 auto;
	background: url(../images/adventure/combination/ac_bg.png) no-repeat top center;
	background-size: 100% auto;
	padding:4% 0 6% 0;
}
.p-combination-acbt h2{
	width: 90.9677419%; /* 564 * 620 * 100*/
	margin: 0 auto 3% auto;
}
.p-combination-acbt_in{
	width: 87.0967741%; /* 540 * 620  * 100*/
	margin: 0 auto 0.8% auto;
	text-align: center;
	background: url(../images/adventure/combination/ac_bt_bg.png) no-repeat top center;
	background-size: 100% auto;
	padding:3% 0;
}
.p-combination-acbt_in dt{
	width: 93.8888888%; /* 507 * 540 * 100*/
	margin: 0 auto;
}
.p-combination-acbt_in dd{
	position: relative;
	width: 87.037037%; /* 470 * 540 * 100*/
	margin: -3% auto 0 auto;
}
.p-combination_mv{
	background: url(../images/adventure/combination/mv01_bg.png) no-repeat top center;
	background-size: 100% auto;
}
.p-combination_mv h3{
	width: 48.8888888%; /* 264 * 540 * 100*/
	margin: 3% auto 0 auto;
}
.p-combination-mv_wrapper{
	width: 81%; /* 500 * 620 * 100*/
	margin: 4% auto 0 auto;
	overflow: hidden;
}
.p-combination-mv_wrapper #yt01{
	display: block;
	width: 100%;
	height: 100%;
}
.p-combination-attack{
	width: 82.6666666%; /* 620 * 750 * 100*/
	position: relative;
	margin: 0 auto;
	padding-bottom: 8%;
	background: url(../images/adventure/combination/attack_bg.png) no-repeat  0 0;
	background-size: 100% auto;
}
.p-combination-attack dd{
	position: relative;
	z-index: 10;
}
.p-combination-attack_ico{
	position: absolute;
	bottom:0;
	left: -35px;
}
.p-combination-attack h3{
	width: 91.9354838%; /* 570 * 620 * 100*/
	margin: 0 auto;
	padding: 12% 0 3% 0;
}
.p-combination-attack_mv{
	width: 87.0967741%; /* 540 * 620  * 100*/
	margin: 0 auto 3% auto;
	padding:2.5% 0 0 0;
	background:url(../images/adventure/combination/attack_mv_bg.jpg) repeat-x top center;
	background-size: auto 100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #723837;
}
.p-combination-attack_lead{
	width: 87.0967741%; /* 540 * 620  * 100*/
	margin: 0 auto;
	display: block;
}
.p-combination-attack_mv #yt02, .p-combination-attack_mv #yt03{
	width: 100%;
	height: 100%;
	display: block; 
}
/**Movie**/
.mov_wrap2{width: 93%;margin: 0 auto;overflow: hidden;border:2px solid #fff;}
.mov{
	margin-left: -3.5%;
	margin-right: -3.5%;
}
.player_wrap{
    display: block;
    position: relative;
    height: 0;
    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-combination-attack_mvlead{margin-top: -1%;position: relative;z-index: 1000;}
.p-combination-attack dl{
	width: 87.9032258%;/* 545 * 620 * 100*/
	margin: 0 auto 3% auto;
}
.p-combination-attack_chara01{
	position: absolute;
	top:93%; /* 1241 * 1340 * 100*/
	right: -3.90625%; /* 25 * 640 * 100*/
	width: 25.3225806%;/* 157 * 620 * 100*/
}

.p-combination-attack_ico{
	position: absolute;
	top:10.5%; /* 155 * 1340 * 100*/
	left: -10%; /* 25 * 640 * 100*/
	width:27.7419354%; /* 172 * 620 * 100*/
	z-index: 5;
}
.p-combination-diff{
	position: relative;
	background: url(../images/adventure/combination/difficult_bg.png) no-repeat top center;
	background-size: 94% auto; /* 705 * 750 * 100*/
	padding-bottom: 7%;
	margin-top: 2%;
}
.p-combination-diff_catch{
	width: 56%; /* 420 * 750 * 100*/
	margin: 0 auto;
	padding:4% 0 4% 0;
}
.p-combination-diff h3{
	margin:-3.5% 0 5% 0;
	position: relative;
}
.p-combination-diff_l, .p-combination-diff_r{
	width: 72%; /* 540 * 750 * 100*/
	margin: 0 auto 0.8% auto;
	text-align: center;
	background: url(../images/adventure/combination/difficult_p_bg.png) no-repeat top center;
	background-size: 100% auto;
	padding:3% 0;
}
.p-combination-diff_l dt{
	padding: 0 2.9629629%;
	margin-left: -5.5555555%; /* 30 * 540  * 100*/
}
.p-combination-diff_r dt{padding: 0 2.9629629%;}
.p-combination-diff_l dd, .p-combination-diff_r dd{
	margin: -3% auto 4% auto;
	width: 87.037037%; /* 470 * 540  * 100*/
}
.p-combination-diff_l dd img{width: 94.6296296%;/* 511 * 540 * 100*/}
.p-combination-diff_r dd img{width: 97.2222222%;/* 525 * 540 * 100*/}
.p-combination-easy_wrap{
	width: 82.6666666%; /* 620 * 750 * 100*/
	position: relative;
	margin: 4% auto 0 auto;
}
.p-combination-easy_wrap h2 img{vertical-align: bottom;}
.p-combination-easy{
	background: url(../images/adventure/combination/easy_bg02.png) no-repeat top center;
	background-size: 100% auto;
	padding-bottom: 10%;	
}
.p-combination-easy_chara{
	position: absolute;
	width: 20.8064516%; /* 129 * 620 * 100*/
	top:-1.81179775%;
	right:-8.0645161%;/* 50 * 620 * 100*/
}

.p-combination-easy_p{
	width: 87.0967741%; /* 540 * 620 * 100*/
	padding: 1% 0 4% 0;
	margin: 0 auto;	
}
.p-combination-easy_lead{
	width: 89.516129%; /* 555 * 620 * 100*/
	margin: 0 auto;
}

.p-combination_star,
.p-combination_chara{
	display: block;
	position: absolute;
	z-index: 15;
}
.p-combination_star01{
	width: 9.6774193%; /* 60 * 620 * 100*/
	top:5.6318681%; /* 82 * 1456 * 100*/
	left:-6.7741935%; /* 42 * 620 * 100*/
}
.p-combination_star02{
	width: 12.7419354%; /* 79 * 620 * 100*/
	top:6.7307692%; /* 98 * 1456 * 100*/
	right:-9.8387096%; /* 61 * 620 * 100*/
}
.p-combination_star03{
	width: 5.9677419%; /* 37 * 620 * 100*/
	top:59.4780219%; /* 866 * 1456 * 100*/
	left:-4.3548387%; /* 27 * 620 * 100*/
}
.p-combination_star04{
	width: 6.9354838%; /* 43 * 620 * 100*/
	top:63.8736263%; /* 930 * 1456 * 100*/
	right:-3.2258064%;/* 20 * 620 * 100*/
}
.p-combination_star05{
	width: 10%; /* 62 * 620 * 100*/
	top:62.9104477%; /* 843 * 2069 * 100*/
	left:-1.3333333%; /* 10 * 750 * 100*/
}
.p-combination_star06{
	width: 10%; /* 62 * 620 * 100*/
	top:32.4626865%; /* 435 * 1340 * 100*/
	right:-1%;/* 5 * 620 * 100*/
}
.p-combination_star07{
	width: 5.4666666%; /* 41 * 750 * 100*/
	top:33.7361043%; /* 698 * 2069 * 100*/
	left:3.4666666%; /* 26 * 750 * 100*/
}
.p-combination_star08{
	width: 4.6666666%; /* 35 * 750 * 100*/
	top:43.1609473%; /* 893 * 2069 * 100*/
	right:5.3333333%; /* 40 * 750 * 100*/
}
.p-combination_star09{
	width: 13.2%; /* 99 * 750 * 100*/
	top:54.7607539%; /* 1133 * 2069 * 100*/
	left:0;
}
.p-combination_chara{
	top:0;
	left: 0;
	width: 19.2%; /* 144 * 750 * 100*/
}


/* ========================================
	index
======================================== */
.c-adventure_wrap_index {
	background-image: url(../images/adventure/index/bg_main.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding-bottom: 13%;
	margin-bottom: -13%;
}
.c-adventure_txt {
	width: 83.6%; /* 627 / 750 * 100 */
	margin: 0 auto;
}
.c-adventure_box {
	position: absolute;
	left: 0;
	width: 100%;
	height: 36.0824742%; /* 210 / 582 * 100 */
	background: #ffffff;
}
.c-adventure_box .c-adventure_cap {
	width: 100%;
	height: 100%;
	background: url(../images/adventure/index/main_cap.jpg) repeat-x 0 0;
	background-size: auto 100%;
	background-position: 0 0;
	-webkit-animation: capflow 40s linear infinite;
	animation: capflow 40s linear infinite;
}
@-webkit-keyframes capflow {
	0% {
		background-position: -138.659793814433% 0; /*2690 / ( 750 - 2690 ) * 100*/
	}
	100% {
		background-position: 0 0;
	}
}
@keyframes capflow {
	0% {
		background-position: -138.659793814433% 0; /*2690 / ( 750 - 2690 ) * 100*/

	}
	100% {
		background-position: 0 0;
	}
}

.chara {
	position: relative;
	width: 94.4%; /* 708 / 750 * 100 */
	margin: 34% auto 0;
}
.chara_ttl {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}
.chara_txt {
	position: absolute;
	top: 7.30897%; /* 220/ 3010 * 100 */
	width: 100%;
	text-align: center;
}
.chara_star {
	position: absolute;
	top: 0;
	left: 2.8248587%; /* 20 / 708 * 100 */
	width: 96.3276836%; /* 682 / 708 * 100 */
}
.chara1-2_box {
	position: absolute;
	top: 10.6644518%; /* 321/ 3010 * 100 */
	left: 0;
	width: 100%;
	height: 15.4817275%; /* 466/ 3010 * 100 */
}
.chara1-2_box .chara1_txt {
	position: absolute;
	top: 3.6480686%; /* 17/ 466 * 100 */
	left: 29.80225988700565%; /* 211 / 708 * 100 */
	width: 64.9717514%; /* 460 / 708 * 100 */
}
.chara1-2_box .chara1_img {
	position: absolute;
	top: 0;
	left: 4.378531073446328%; /* 31 / 708 * 100 */
	width: 26.55367231638418%; /* 188 / 708 * 100 */
}
.chara1-2_box .chara1_btn {
	position: absolute;
	bottom: 3.4782608695652173%; /*  16 / 460 * 100 */
	left: 9.463276836158192%; /* 67/ 708 * 100 */
	width: 15.677966101694915%; /* 111 / 708 * 100 */
}
.nameZoom {
	position: relative;
	-webkit-animation: nameZoom 1000ms infinite;
	animation: nameZoom 1000ms infinite;
}
@-webkit-keyframes nameZoom {
	0% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
@keyframes nameZoom {
	0% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
.y1 {
	position: relative;
  -webkit-animation: arrow 1000ms infinite;
  animation: arrow 1000ms infinite;
}
@-webkit-keyframes arrow {
	0% {
		left: 1px;
	}
	50% {
		left: 3px;
	}
	100% {
		left: 1px;
	}
}
@keyframes arrow {
	0% {
		left: 1px;
	}
	50% {
		left: 3px;
	}
	100% {
		left: 1px;
	}
}
.chara1-2_box .chara1_btn .chara1_btnimg {
	width: 67.56756756756756%; /* 75 / 111 * 100 */
	vertical-align: middle;
}
.chara1-2_box .chara1_btn .chara_arrow {
	position: relative;
	width: 23.423423423423422%; /* 26 / 111 * 100 */
	padding-left: 9.00900900900901%; /* 10 / 111 * 100 */
	vertical-align: middle;
}
.chara1-2_box .chara2_btn {
	position: absolute;
	top: 35.434782608695656%; /* 163 / 460 * 100 */
	left: 21.89265536723164%; /* 155 / 708 * 100 */
	width: 20.76271186440678%; /* 147 / 708 * 100 */
}
.chara1-2_box .chara2_btn .chara2_btnimg {
	width: 74.82993197278913%; /* 110 / 147 * 100 */
	vertical-align: middle;
}
.chara1-2_box .chara2_btn .chara_arrow {
	position: relative;
	width: 17.687074829931973%; /* 26 / 147 * 100 */
	padding-left: 6.802721088435375%; /* 10 / 147 * 100 */
	vertical-align: middle;
}

.chara3_box {
	position: absolute;
	top: 26.1461794%; /* 787/ 3010 * 100 */
	left: 0;
	width: 100%;
	height: 14.3521594%; /* 432/ 3010 * 100 */
}
.chara3_box .chara3_txt {
	position: absolute;
	top: 0;
	left: 4.8022598%; /* 34 / 708 * 100 */
	width: 70.7627118%; /* 501 / 708 * 100 */
}
.chara3_box .chara3_img {
	position: absolute;
	top: 15.0462962%; /* 65 / 432 * 100 */
	right: 3.1073446%; /* 22 / 708 * 100 */
	width: 36.8644067%; /* 261 / 708 * 100 */
}
.chara3_box .chara3_btn {
	position: absolute;
	bottom: 3.2407407%; /* 14 / 432 * 100 */
	right: 6.2146892%; /* 44 / 708 * 100 */
	width: 20.6214689%; /* 146 / 708 * 100 */
}
.chara3_box .chara3_btn .chara3_btnimg {
	width: 73.9726027%; /* 108 / 146 * 100 */
	vertical-align: middle;
}
.chara3_box .chara3_btn .chara_arrow {
	position: relative;
	width: 17.8082191%; /* 26 / 146 * 100 */
	padding-left: 6.849315%; /* 10 / 146 * 100 */
	vertical-align: middle;
}

.chara4_box {
	position: absolute;
	top: 40.4983388%; /* 1219/ 3010 * 100 */
	left: 0;
	width: 100%;
	height: 16.5448504%; /* 498/ 3010 * 100 */
}
.chara4_box .chara4_txt {
	position: absolute;
	top: 2.0080321%; /* 10 / 498 * 100 */
	left: 9.039548%; /* 64 / 708 * 100 */
	width: 84.1807909%; /* 596 / 708 * 100 */
}
.chara4_box .chara4_img {
	position: absolute;
	top: 35.1405622%; /* 175 / 498 * 100 */
	left: 6.9209039%; /* 49 / 708 * 100 */
	width: 36.5819209%; /* 259 / 708 * 100 */
}
.chara4_box .chara4_btn {
	position: absolute;
	bottom: 0.2008032%; /* 1 / 498 * 100 */
	left: 17.3728813%; /* 123 / 708 * 100 */
	width: 16.6666666%; /* 118 / 708 * 100 */
}
.chara4_box .chara4_btn .chara4_btnimg {
	width: 66.1016949%; /* 78 / 118 * 100 */
	vertical-align: middle;
}
.chara4_box .chara4_btn .chara_arrow {
	position: relative;
	width: 22.0338983%; /* 26 / 118 * 100 */
	padding-left: 8.4745762%; /* 10 / 118 * 100 */
	vertical-align: middle;
}

.chara5_box {
	position: absolute;
	top: 57.0431893%; /* 1717/ 3010 * 100 */
	left: 0;
	width: 100%;
	height: 15.116279%; /* 455/ 3010 * 100 */
}
.chara5_box .chara5_txt {
	position: absolute;
	top: -5.7142857%; /* -26 / 455 * 100 */
	right: 5.2259887%; /* 37 / 708 * 100 */
	width: 23.5875706%; /* 167 / 708 * 100 */
	z-index: 3;
}
.chara5_box .chara5_cap {
	position: absolute;
	top: -1.9780219%; /* -9 / 455 * 100 */
	left: -0.98887005%; /* -7 / 708 * 100 */
	width: 81.9209039%; /* 580 / 708 * 100 */
	z-index: 1;
}
.chara5_box .chara5_img {
	position: absolute;
	bottom: 1.9780219%; /* 9 / 455 * 100 */
	right: 12.4293785%; /* 88 / 708 * 100 */
	width: 47.0338983%; /* 333 / 708 * 100 */
	z-index: 2;
}
.chara5_box .chara5_btn {
	position: absolute;
	bottom: 4.395604395604396%; /* 20 / 455 * 100 */
	left: 12.711864406779661%; /* 90 / 708 * 100 */
	width: 28.8135593%; /* 204 / 708 * 100 */
	z-index: 4;
}
.chara5_box .chara5_btn .chara5_btnimg {
	width: 79.90196078431373%; /* 163 / 204 * 100 */
	vertical-align: middle;
}
.chara5_box .chara5_btn .chara_arrow {
	position: relative;
	width: 12.745098039215685%; /* 26 / 204 * 100 */
	padding-left: 4.901960784313726%; /* 10 / 204 * 100 */
	vertical-align: middle;
}

.chara6_box {
	position: absolute;
	top: 72.1594684%; /* 2172/ 3010 * 100 */
	left: 0;
	width: 55.932203389830505%;/* 396/ 708 * 100 */
	height: 9.102990033222591%; /* 274/ 3010 * 100 */
}
.chara6_box .chara6_txt {
	position: absolute;
	top: 0;
	right: 0;
	width: 83.58585858585859%; /* 331 / 396 * 100 */
}
.chara6_box .chara6_img {
	position: absolute;
	top: 22.99270072992701%; /* 63 / 274 * 100 */
	left: -0.5050505050505051%; /* -2 / 396 * 100 */
	width: 32.07070707070707%; /* 127 / 396 * 100 */
}
.chara6_box .chara6_btn {
	position: absolute;
	bottom: 0;
	left: 11.11111111111111%; /* 44 / 396 * 100 */
	width: 49.494949494949495%; /* 196 / 396 * 100 */
}
.chara6_box .chara6_btn .chara6_btnimg {
	width: 79.59183673469387%; /* 156 / 196 * 100 */
	vertical-align: middle;
}
.chara6_box .chara6_btn .chara_arrow {
	position: relative;
	width: 13.26530612244898%; /* 26 / 196 * 100 */
	padding-left: 5.1020408163265305%; /* 10 / 196 * 100 */
	vertical-align: middle;
}

.chara7_box {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 47.740112994350284%;/* 338/ 708 * 100 */
	height: 9.20265780730897%; /* 277/ 3010 * 100 */
}
.chara7_box .chara7_txt {
	position: absolute;
	top: 0;
	right: 41.71597633136095%; /* 141 / 338 * 100 */
	width: 58.28402366863905%; /* 197 / 338 * 100 */
}
.chara7_box .chara7_img {
	position: absolute;
	top: 25.27075812274368%; /* 70 / 277 * 100 */
	right: 15.384615384615385%; /* 52 / 338 * 100 */
	width: 31.360946745562128%; /* 106 / 338 * 100 */
}
.chara7_box .chara7_btn {
	position: absolute;
	bottom: 28.158844765342963%; /* 78 / 277 * 100 */
	left: 11.242603550295858%; /* 38 / 338 * 100 */
	width: 42.60355029585799%; /* 144 / 338 * 100 */
}
.chara7_box .chara7_btn .chara7_btnimg {
	width: 72.91666666666666%; /* 105 / 144 * 100 */
	vertical-align: middle;
}
.chara7_box .chara7_btn .chara_arrow {
	position: relative;
	width: 18.055555555555554%; /* 26 / 144 * 100 */
	padding-left: 6.944444444444445%; /* 10 / 144 * 100 */
	vertical-align: middle;
}

.chara8_box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50.706214689265536%; /* 359/ 708 * 100 */
	height: 18.803986710963454%; /* 566/ 3010 * 100 */
}
.chara8_box .chara8_txt {
	position: absolute;
	top: 4.063604240282685%; /* 23/ 566 * 100 */
	left: 2.785515320334262%; /* 10 / 359 * 100 */
	width: 97.21448467966573%; /* 349 / 359 * 100 */
}
.chara8_box .chara8_img {
	position: absolute;
	bottom: 21.20141342756184%; /* 120 / 566 * 100 */
	left: 19.77715877437326%; /* 71/ 359 * 100 */
	width: 65.45961002785515%; /* 235 / 359 * 100 */
}
.chara8_box .chara8_btn {
	position: absolute;
	bottom: 13.427561837455832%; /* 76 / 566 * 100 */
	left: 21.16991643454039%; /* 76 / 359 * 100 */
	width: 48.74651810584958%; /* 175 / 359 * 100 */
}
.chara8_box .chara8_btn .chara8_btnimg {
	width: 77.14285714285715%; /* 135 / 175* 100 */
	vertical-align: middle;
}
.chara8_box .chara8_btn .chara_arrow {
	position: relative;
	width: 14.857142857142858%; /* 26 / 175 * 100 */
	padding-left: 5.714285714285714%; /* 10 / 175 * 100 */
	vertical-align: middle;
}

.chara9_box {
	position: absolute;
	top: 73.25581395348837%; /* 2205/ 3010 * 100 */
	right: 0;
	width: 51.271186440677965%;/* 363/ 708 * 100 */
	height: 17.60797342192691%; /* 530/ 3010 * 100 */
}
.chara9_box .chara9_txt {
	position: absolute;
	top: 0;
	right: 3.3057851239669422%;/* 12 / 363 * 100 */
	width: 89.80716253443526%; /* 326 / 363 * 100 */
}
.chara9_box .chara9_img {
	position: absolute;
	top: 36.60377358490566%; /* 194 / 530 * 100 */
	left: 0;
	width: 33.608815426997246%; /* 122 / 363 * 100 */
}
.chara9_box .chara9_btn {
	position: absolute;
	top: 52.264150943396224%; /* 277/ 530 * 100 */
	right: 12.121212121212121%; /* 44 / 363* 100 */
	width: 52.61707988980716%; /* 191 / 363 * 100 */
}
.chara9_box .chara9_btn .chara9_btnimg {
	width: 79.58115183246073%; /* 152 / 191 * 100 */
	vertical-align: middle;
}
.chara9_box .chara9_btn .chara_arrow {
	position: relative;
	width: 13.612565445026178%; /* 26 / 191 * 100 */
	padding-left: 5.2356020942408374%; /* 10 / 191 * 100 */
	vertical-align: middle;
}


.c-adventure_nav_index {
	width: 100%;
	padding:5% 0 3% 0;
}
.c-adventure_nav_index ul{
	width: 100%;
	overflow: hidden;
}
.c-adventure_nav_index li {
	width: 50%;
	float: left;
}

/* pouup */
.slide_chara-modalbody {
	margin: 30px 0;
}
.slide_chara-modalbody .l-modal_close {
	margin-top: 2em;
}
.slide_chara-content {
	overflow: hidden;
}
.slide_chara-content .bx-wrapper {
	margin: 0 auto;
	width: auto !important;
}
.slide_chara-content .bx-viewport {
	overflow: visible !important;
	margin-bottom: 4%;
}
.slide_chara-content .bx-wrapper .bx-prev {
	left: 10px;
}
.slide_chara-content .bx-wrapper .bx-next {
	right: 10px;
}
.slide_chara-content .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 255px;
	outline: 0;
	text-indent: -9999px;
	z-index: 5000;
}
.slide_chara-content .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.slide_chara-content .bx-prev,
.slide_chara-content .bx-next {
	overflow: hidden;
	width: 54px;
	height: 54px;
}
.slide_chara-content .bx-prev {
	background: url(../images/adventure/index/prev_btn.png) no-repeat 0 0;
	background-size: 100% auto;
	left: 0;
}
.slide_chara-content .bx-next {
	background: url(../images/adventure/index/next_btn.png) no-repeat 0 0;
	background-size: 100% auto;
	right: 0;
}
.slide_chara-content .bx-wrapper .bx-pager {
	position: relative;
	top: 0;
	left: 50%;
	text-align: center;
	width: 65%;
	margin-left: -35%;
}
.slide_chara-content .bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	outline: 0;
}
.slide_chara-content .bx-wrapper .bx-pager-item,
.slide_chara-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.slide_chara-content .bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
.slide_chara-content .bx-pager-item a {
	display: block;
	width: 28px;
	height: 28px;
	margin:0 4px;
	background: url(../images/adventure/index/pager_icn.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.slide_chara-content .bx-pager-item a.active {
	background-position: 0 100%;
}