@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;
	padding-bottom: 60px;
}
@media screen and (min-width: 1281px) {
	.c-adventure_wrap{
		background-size:100% auto, auto auto;
	}
}
.c-adventure_title{
	position: relative;
	z-index: 1000;
}
.c-adventure_title img{
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.c-adventure_contwrap{
	width: 1102px;
	padding-bottom: 55px;
	background-image: url(../images/adventure/bg_cont_b.jpg), url(../images/adventure/bg_cont.png);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom center, top center;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.c-adventure_nav{
	background-color: #fff;
	padding: 27px 0 60px 0;
}
.c-adventure_nav ul{
	width: 990px;
	overflow: hidden;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.c-adventure_nav_item {
	float: left;
	margin: 0 7px;
}
.c-adventure_nav_item a {
	display: block;
	position: relative;
	padding:0 3px 5px 3px;
}
.c-adventure_nav_item a:after {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		url(../images/adventure/ac_hover_lefttop.png) 0 26px no-repeat,
		url(../images/adventure/ac_hover_righttop.png) right 26px no-repeat,
		url(../images/adventure/ac_hover_rightbottom.png) right 174px no-repeat,
		url(../images/adventure/ac_hover_leftbottom.png) left 174px no-repeat;
}
.c-adventure_nav_item a:hover {
	display: block;
}
.c-adventure_nav_item a:hover:after {
	display: block;
	-webkit-animation: menuHover 500ms steps(2) infinite;
	animation: menuHover 500ms steps(2) infinite;
}
.u-align-c{text-align: center;}
.u-left{float: left;}
.u-right{float: right;}
/* ========================================
	action
======================================== */
.p-action_contwrap{
	position: relative;
	z-index: 20;
}
.p-action_lead{
	position: relative;
	z-index: 10;
	margin-top: -30px;
}
.p-action_lead img{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.p-action_pic{
	width: 960px;
	margin: 0 auto 70px auto;
	padding-top: 2px;
	display: table;
}
.p-action_pic li{
	position: relative;
	display: table-cell;
}
.p-action_pic_ico01,
.p-action_pic_ico02{
	position: absolute;
	top: -67px;
	left: -17px;
	z-index: 15;
}
.p-action_pic_ico02{
	left: -0px;
}
.p-action-brother_wrap{
	position: relative;
	z-index: 10;
	width: 960px;
	margin: 0 auto;
	padding: 233px 0 60px 0;
	background: url(../images/adventure/action/brother_bg.png) no-repeat;
}
.p-action-brother_h{
	position: absolute;
	z-index: 100;
	top: -48px;
	left: 50px;
}
.p-action-brother_pic{
	width: 864px;
	margin: 0 auto;
}
.p-action-brother_pic li{
	position: relative;
	width: 414px;
}
.p-action-brother_pic li img{display: block;}
.p-action-brother_ico{
	position: absolute;
	top:-20px;
	left:-40px;
}
.p-action-brother_p{margin-top: 28px;}
.p-action-brother_lead{
	position: absolute;
	top:210px;
	left:5px;
}
.p-action_pic_r{
	width: 336px;
	text-align: right;
}
.p-action-brother_mv{
	clear: both;
	padding-top: 73px;
	width: 864px;
	margin: 0 auto;
	overflow: hidden;
}
.p-action-brother_mv li{
	width: 414px;
	height: 304px;
	padding: 12px 12px 0 12px;
	background: url(../images/adventure/action/brother_mv_bg.png) no-repeat top center;
}
.p-action-mv{
	width: 406px;
	height: 230px;
	position: relative;
}
/**Movie**/
.p-action-brother_mv .mov_wrap2{
	width: 386px;
	height: 230px;
	margin: 0 auto;
	overflow: hidden;
	border:2px solid #fff;
}
.p-action-mv{
	margin-left: -12px;
}
.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-action-mv .ytp-thumbnail-overlay-image {
	-moz-background-size: 386px auto !important;
	-webkit-background-size: 386px auto !important;
	background-size: 386px auto !important;
}
.p-action-brother_mv01, .p-action-brother_pic_l{
	float: left;
}
.p-action-brother_mv02, .p-action-brother_pic_r{
	float: right;
}
.p-action-brother_mv li h3{
	text-align: center;
	margin-top: 12px;
}
.p-action_star{
	display: block;
	position: absolute;
	z-index: 15;
}
.p-action_star01{
	top:435px;
	right:-23px;
}
.p-action_star02{
	top:640px;
	left:-23px;
}
.p-action_star03{
	top: 990px;
	right: 14px;
}
.p-action_star04{
	top: 1075px;
	left: 60px;
}
.p-action_star05{
	top: -90px;
	right: -24px;
}
.p-action_star06{
	top: 90px;
	left: -27px;
}
/* ========================================
	combination
======================================== */
.p-combination_contwrap{
	position: relative;
	padding-top: 25px;
	margin-bottom: 60px;
}
.p-combination_lead{
	background: url(../images/adventure/bg_cont_t.png) no-repeat top center;
	width: 1102px;
	margin-top: -15px;
	padding: 47px 0 25px 55px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.p-combination_leadtxt{
	width: 628px;
	height: 308px;
}
.p-combination_leadpic{
	position: absolute;
	top: 32px;
	left: 672px;
	width: 462px;
	height: 341px;
}
.p-combination-acbt{
	width: 988px;
	margin: 20px auto 20px auto;
	overflow: hidden;
}
.p-combination-acbt_in{
	width: 464px;
	float: left;
	margin: 0 15px;
	text-align: center;
	background: url(../images/adventure/combination/ac_bt_bg.png) no-repeat top center;
	padding:12px 0;
}
.p-combination-acbt_in dd{
	position: relative;
	margin-top: -14px;
}
.p-combination_mv{
	background: url(../images/adventure/combination/mv01_bg.jpg) no-repeat 88px 0;
	padding-bottom: 45px;
}
.p-combination_mv h3{
	text-align: center;
	padding: 13px 0 27px 0;
}
.p-combination_mv .mov_wrap2{
	width: 464px;
	height: 278px;
	overflow: hidden;
	margin: 0 auto;
}
.p-combination_mv .ytp-thumbnail-overlay-image {
	-moz-background-size: 496px auto !important;
	-webkit-background-size: 496px auto !important;
	background-size: 496px auto !important;
}
.p-combination-mv_wrapper{
	width: 496px;
	height: 278px;
	margin-left: -17px;
	display: block;
	background-color: #a85d1a;
}
.p-combination-mv_in{
	display: block;
	width: 100%;
	height: 100%;
}
.p-combination_mv h4{
	text-align: center;
}
.p-combination-attack{
	width: 960px;
	margin: -48px auto 0 auto;
	padding-bottom: 46px;
	position: relative;
	background: url(../images/adventure/combination/attack_bg.png) no-repeat  0 0;
}
.p-combination-attack_ico{
	position: absolute;
	top:0;
	left: -35px;
}
.p-combination-attack h3{
	padding: 77px 0 22px 0;
	text-align: center;
}
.p-combination-attack_in{
	width: 865px;
	margin: 0 auto;
	overflow: hidden;
}
.p-combination-attack_mv{
	width: 414px;
	padding:11px 0 2px 0;
	text-align: center;
	background:url(../images/adventure/combination/attack_mv_bg.png) no-repeat 0 0;
}
.p-combination-attack dl{
	text-align: center;
	margin-bottom: 22px;
}
.p-combination-attack dt{
	margin-bottom: 5px;	
}
.p-combination-attack_mv .Inner, .p-combination-attack_mv .Inner{
	width: 449px;
	height: 236px;
	margin-left: -30px;
	display: block;
}
.p-combination-attack_mv .mov_wrap2{
	width: 396px;
	height: 236px;
	margin: 0 auto;
	overflow: hidden;
	border:2px solid #fff;
}
.p-combination-attack_mv .ytp-thumbnail-overlay-image {
	-moz-background-size: 405px auto !important;
	-webkit-background-size: 405px auto !important;
	background-size: 405px auto !important;
}
.p-combination-attack_chara01{
	position: absolute;
	top:0;
	left: -22px;
	width: 91px;
	height: 134px;
}
.p-combination-attack_chara02{
	position: absolute;
	top:500px;
	right: -16px;
}
.p-combination-attack_ico{
	position: absolute;
	top:92px;
	left: 125px;
}
.p-combination-diff{
	background: url(../images/adventure/combination/difficult_bg.png) no-repeat 0 38px;
	width: 1102px;
	padding-bottom: 80px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.p-combination-diff h2, .p-combination-diff h3{
	text-align: center;
}
.p-combination-diff h3{
	margin:20px 0 30px 0;
}
.p-combination-diff_in{
	width: 920px;
	margin: 0 auto 30px auto;
}
.p-combination-diff_in div{
	width: 404px;
	text-align: center;
}
.p-combination-diff_in dl, .p-combination-easy_p{
	margin-bottom: 8px;
	padding: 12px 0;
	background: url(../images/adventure/combination/difficult_p_bg.png) no-repeat;
}
.p-combination-diff_l{
	float: left;
}
.p-combination-diff_r{
	float: right;
}
.p-combination-diff_l dt{
	margin-left: -20px;
}
.p-combination-diff_in dd{
	margin-top: -11px;
}
.p-combination-easy{
	background: url(../images/adventure/combination/easy_bg02.jpg) no-repeat top center;
	padding: 2px 55px 52px 55px;
	overflow: hidden;
}
.p-combination-easy_wrap{
	width: 920px;
	margin: 0 auto;
	position: relative;
}
.p-combination-easy_chara{
	position: absolute;
	top:-14px;
	right:-21px;
}
.p-combination-easy_p{
	width: 404px;
	text-align: center;
	margin: 0;
	padding: 0 0 12px 0;
	background-position:0 24px;
	float: left;
}
.p-combination-easy dl{
	float: right;
	width: 385px;
}
.p-combination-easy dt{
	padding-top: 47px;
	padding-bottom: 13px;
}
.p-combination_star,
.p-combination_chara{
	display: block;
	position: absolute;
	z-index: 15;
}
.p-combination_star01{
	top:136px;
	left:-20px;
}
.p-combination_star02{
	top:359px;
	right:-30px;
}
.p-combination_star03{
	top:525px;
	left:-32px;
}
.p-combination_star04{
	top:825px;
	right:-17px;
}
.p-combination_star05{
	top:1100px;
	left:-28px;
}
.p-combination_star06{
	top:92px;
	right:65px;
}
.p-combination_star07{
	top:560px;
	left:1px;
}
.p-combination_star08{
	top:290px;
	left:510px;
}
.p-combination_star09{
	top:940px;
	left:987px;
}
.p-combination_chara{
	top:0;
	left: 72px;
}


/* ========================================
	index
======================================== */
.c-adventure_wrap_index {
	background-image: url(../images/adventure/index/bg_wood.jpg), url(../images/adventure/index/bg_main.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 0 681px, top center;
	margin-bottom: -140px;
	padding-bottom: 120px;
}
@media screen and (min-width: 1281px) {
	.c-adventure_wrap_index {
		background-size:100% auto, 100% auto;
	}
}
.c-adventure_txt{
	position: relative;
	margin-top: 0;
	margin-bottom: 56px;
	z-index: 1000;
}
.c-adventure_txt img{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.c-adventure_curtain_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/adventure/index/main_curtain.png);
	background-repeat: no-repeat;
	background-position: top center;
}
@media screen and (min-width: 1281px) {
	.c-adventure_curtain_bg {
		background-size:100% auto;
	}
}
.c-adventure_box {
	height: 210px;
	padding-top: 5px;
	background: #ffffff;
}
.c-adventure_box .c-adventure_cap {
	width: 100%;
	height: 200px;
	background: url(../images/adventure/index/main_cap.jpg) repeat-x 0 0;
	background-position: 0 0;
	-webkit-animation: capflow 40s linear infinite;
	animation: capflow 40s linear infinite;
}
@-webkit-keyframes capflow {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -2691px 0;
	}
}
@keyframes capflow {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -2691px 0;
	}
}

.chara {
	position: relative;
	width: 1112px;
	height: 1736px;
	margin-top: 57px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/adventure/index/chara_bg.png) no-repeat 0 0;
}
.chara_ttl {
	padding: 89px 0 0;
}
.chara_star {
	position: absolute;
	top: 60px;
	left: 29px;
}
.chara_intro {
	position: relative;
}
.chara1_box {
	position: absolute;
	top: 12px;
	left: 36px;
}
.chara1_txt {
	position: absolute;
	top: 17px;
	left: 193px;
	z-index: 3;
}
.chara1_cap {
	position: absolute;
	top: 136px;
	left: 155px;
	z-index: 1;
}
.chara1_img {
	position: absolute;
	top: 178px;
	left: 0;
	z-index: 2;
}
.chara1_2_img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.chara1-1_btn {
	position: absolute;
	top: 384px;
	left: 39px;
	z-index: 4;
	width: 88px;
	height: 21px;
	transition: 150ms;
	background: url(../images/adventure/index/chara1-1_btn_off.png) center center no-repeat;
}
.chara1-1_btn:hover,
.chara1-1_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara1-1_btn_on.png);
}
.chara1-2_btn {
	position: absolute;
	top: 142px;
	left: 118px;
	z-index: 4;
	width: 113px;
	height: 21px;
	transition: 150ms;
	background: url(../images/adventure/index/chara1-2_btn_off.png) center center no-repeat;
}
.chara1-2_btn:hover,
.chara1-2_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara1-2_btn_on.png);
}

.chara2_box {
	position: absolute;
	top: -7px;
	right: 61px;
}
.chara2_txt {
	position: absolute;
	top: 282px;
	right: 13px;
	z-index: 3;
}
.chara2_cap {
	position: absolute;
	top: 0;
	right: 122px;
	z-index: 1;
}
.chara2_img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.chara2_btn {
	position: absolute;
	top: 258px;
	right: 14px;
	z-index: 4;
	width: 110px;
	height: 22px;
	transition: 150ms;
	background: url(../images/adventure/index/chara2_btn_off.png) center center no-repeat;
}
.chara2_btn:hover,
.chara2_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara2_btn_on.png);
}

.chara3_box {
	position: absolute;
	top: 436px;
	left: 37px;
}
.chara3_txt {
	position: absolute;
	top: 0;
	left: 403px;
	z-index: 3;
}
.chara3_cap {
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 1;
}
.chara3_img {
	position: absolute;
	top: 187px;
	left: 222px;
	z-index: 2;
}
.chara3_btn {
	position: absolute;
	top: 370px;
	left: 89px;
	z-index: 4;
	width: 148px;
	height: 22px;
	transition: 150ms;
	background: url(../images/adventure/index/chara3_btn_off.png) center center no-repeat;
}
.chara3_btn:hover,
.chara3_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara3_btn_on.png);
}

.chara4_box {
	position: absolute;
	top: 357px;
	right: 31px;
}
.chara4_txt {
	position: absolute;
	top: 295px;
	right: 102px;
	z-index: 3;
}
.chara4_cap {
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1;
}
.chara4_img {
	position: absolute;
	top: 20px;
	right: 272px;
	z-index: 2;
}
.chara4_btn {
	position: absolute;
	top: 261px;
	right: 332px;
	z-index: 4;
	width: 90px;
	height: 22px;
	transition: 150ms;
	background: url(../images/adventure/index/chara4_btn_off.png) center center no-repeat;
}
.chara4_btn:hover,
.chara4_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara4_btn_on.png);
}

.chara5_box {
	position: absolute;
	top: 853px;
	left: 49px;
}
.chara5-1_img {
	position: absolute;
	top: 0;
	left: 23px;
	z-index: 2;
}
.chara5-1_cap {
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 1;
}
.chara5-2_txt {
	position: absolute;
	top: 330px;
	left: 205px;
	z-index: 3;
}
.chara5-2_img {
	position: absolute;
	top: 344px;
	left: 89px;
	z-index: 2;
}
.chara5-1_btn {
	position: absolute;
	top: 34px;
	left: 158px;
	z-index: 4;
	width: 145px;
	height: 21px;
	transition: 150ms;
	background: url(../images/adventure/index/chara5-1_btn_off.png) center center no-repeat;
}
.chara5-1_btn:hover,
.chara5-1_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara5-1_btn_on.png);
}
.chara5-2_btn {
	position: absolute;
	top: 456px;
	left: 199px;
	z-index: 4;
	width: 107px;
	height: 23px;
	transition: 150ms;
	background: url(../images/adventure/index/chara5-2_btn_off.png) center center no-repeat;
}
.chara5-2_btn:hover,
.chara5-2_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara5-2_btn_on.png);
}

.chara6_box {
	position: absolute;
	top: 826px;
	left: 399px;
}
.chara6_txt {
	position: absolute;
	top: 19px;
	left: 11px;
	z-index: 3;
}
.chara6_frame {
  position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.chara6_cap {
	position: absolute;
	top: 100px;
	left: 28px;
	z-index: 1;
}
.chara6_img {
	position: absolute;
	top: 265px;
	left: 61px;
	z-index: 2;
}
.chara6_btn {
	position: absolute;
	top: 460px;
	left: 103px;
	z-index: 4;
	width: 132px;
	height: 21px;
	transition: 150ms;
	background: url(../images/adventure/index/chara6_btn_off.png) center center no-repeat;
}
.chara6_btn:hover,
.chara6_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara6_btn_on.png);
}

.chara7_box {
	position: absolute;
	top: 824px;
	right: 52px;
}
.chara7_cap1 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.chara7_cap2 {
	position: absolute;
	top: 291px;
	right: 13px;
	z-index: 1;
}
.chara7_img {
	position: absolute;
	top: 194px;
	right: 195px;
	z-index: 2;
}
.chara7_btn {
	position: absolute;
	top: 264px;
	right: 29px;
	z-index: 4;
	width: 147px;
	height: 21px;
	transition: 150ms;
	background: url(../images/adventure/index/chara7_btn_off.png) center center no-repeat;
}
.chara7_btn:hover,
.chara7_btn.is-hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	background-image: url(../images/adventure/index/chara7_btn_on.png);
}

.c-adventure_nav_index {
	padding: 27px 0 60px 0;
}
.c-adventure_nav_index ul{
	width: 1044px;
	overflow: hidden;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.c-adventure_nav_index_item {
	position: relative;
	float: left;
	width: 456px;
	margin: 0 33px;
}
.c-adventure_nav_index_item a {
	display: block;
	position: relative;
	padding: 0 0 23px;
}
.c-adventure_nav_index_item a:after {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		url(../images/adventure/index/ac_hover_lefttop.png) left top no-repeat,
		url(../images/adventure/index/ac_hover_righttop.png) right top no-repeat,
		url(../images/adventure/index/ac_hover_rightbottom.png) right 284px no-repeat,
		url(../images/adventure/index/ac_hover_leftbottom.png) left 284px no-repeat;
}
body:not(.is-tablet) .c-adventure_nav_index_item a:hover {
	display: block;
}
body:not(.is-tablet) .c-adventure_nav_index_item a:hover:after {
	display: block;
	-webkit-animation: menuHover 500ms steps(2) infinite;
	animation: menuHover 500ms steps(2) infinite;
}
.ac_gnav_action_txt {
	position: absolute;
	top: 37px;
	left: -9px;
	width: 481px;
}
.ac_gnav_combination_txt {
	position: absolute;
	top: 37px;
	left: -10px;
	width: 487px;
	margin-bottom: 23px;
}

/* pouup */
.slide_chara-content {
	overflow: hidden;
}
.slide_chara-content .bx-wrapper {
	margin: 0 auto;
}
.slide_chara-content .bx-viewport {
	overflow: visible !important;
}
.slide_chara-content li {
	padding-left: 25px;
	padding-right: 25px;
}
.slide_chara-content .bx-prev,
.slide_chara-content .bx-next {
	overflow: hidden;
	width: 72px;
	height: 72px;
}
.slide_chara-content .bx-prev {
	background: url(../images/adventure/index/prev_btn.png) no-repeat 0 0;
	top: 465px !important;
	left: -160px;
}
.slide_chara-content .bx-next {
	background: url(../images/adventure/index/next_btn.png) no-repeat 0 0;
	top: 465px !important;
	right: -160px;
}
.slide_chara-content .bx-prev:hover,
.slide_chara-content .bx-next:hover {
	background-position: 0 -72px;
}
.slide_chara01 {
	padding-top: 52px;
}
.slide_chara02 {
	padding-top: 12px;
}
.slide_chara03 {
	padding-top: 0px;
}
.slide_chara04 {
	padding-top: 50px;
}
.slide_chara05 {
	padding-top: 41px;
}
.slide_chara06 {
	padding-top: 53px;
}
.slide_chara07 {
	padding-top: 53px;
}
.slide_chara08 {
	padding-top: 53px;
}
.slide_chara09 {
	padding-top: 53px;
}
#bx-pager {
	width: 806px;
	margin: 25px auto 0;
}
#bx-pager a {
	top: 0;
	transition: top 200ms;
}
#bx-pager .active {
	position: relative;
	top:-20px;
}
#bx-pager .tmb_chara1,
#bx-pager .tmb_chara2,
#bx-pager .tmb_chara3,
#bx-pager .tmb_chara4,
#bx-pager .tmb_chara5,
#bx-pager .tmb_chara6,
#bx-pager .tmb_chara7,
#bx-pager .tmb_chara8,
#bx-pager .tmb_chara9 {
	display: inline-block;
	width: 86px;
	height: 98px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#bx-pager .tmb_chara1 {
	background: url(../images/adventure/index/tmb_chara1.png) no-repeat 0 0;
}
#bx-pager .tmb_chara2 {
	background: url(../images/adventure/index/tmb_chara2.png) no-repeat 0 0;
}
#bx-pager .tmb_chara3 {
	background: url(../images/adventure/index/tmb_chara3.png) no-repeat 0 0;
}
#bx-pager .tmb_chara4 {
	background: url(../images/adventure/index/tmb_chara4.png) no-repeat 0 0;
}
#bx-pager .tmb_chara5 {
	background: url(../images/adventure/index/tmb_chara5.png) no-repeat 0 0;
}
#bx-pager .tmb_chara6 {
	background: url(../images/adventure/index/tmb_chara6.png) no-repeat 0 0;
}
#bx-pager .tmb_chara7 {
	background: url(../images/adventure/index/tmb_chara7.png) no-repeat 0 0;
}
#bx-pager .tmb_chara8 {
	background: url(../images/adventure/index/tmb_chara8.png) no-repeat 0 0;
}
#bx-pager .tmb_chara9 {
	background: url(../images/adventure/index/tmb_chara9.png) no-repeat 0 0;
}
#bx-pager .tmb_chara1:hover,
#bx-pager .tmb_chara2:hover,
#bx-pager .tmb_chara3:hover,
#bx-pager .tmb_chara4:hover,
#bx-pager .tmb_chara5:hover,
#bx-pager .tmb_chara6:hover,
#bx-pager .tmb_chara7:hover,
#bx-pager .tmb_chara8:hover,
#bx-pager .tmb_chara9:hover,
#bx-pager .tmb_chara1.active,
#bx-pager .tmb_chara2.active,
#bx-pager .tmb_chara3.active,
#bx-pager .tmb_chara4.active,
#bx-pager .tmb_chara5.active,
#bx-pager .tmb_chara6.active,
#bx-pager .tmb_chara7.active,
#bx-pager .tmb_chara8.active,
#bx-pager .tmb_chara9.active {
	background-position: 0 -98px;
}

html:not(.no-js) .text-animation img {
	opacity: 0;
	-webkit-transform: scale(2);
	transform: scale(2);
}
html:not(.no-js) .text-animation.is-animation img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition:
		opacity 20ms linear,
		-webkit-transform 180ms cubic-bezier(0.175, 0.885, 0.320, 1.275),
		transform 180ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}