@charset"utf-8";

/*=======================================
 top
----------------------------------------- */
/* event-bnr1 */
.woff-page-top .event-bnr1 {
	width:68.75%;
	margin:0 auto;
}
/* event-bnr2 */
.woff-page-top .event-bnr2 {
	width:68.75%;
	margin:0 auto;
}
/* event-bnr0 */
.woff-page-top .event-bnr0 {
	width:90%;
	margin:0 auto 2.5% auto;
}
/* event-store */
.woff-page-top .event-store {
	width:100%;
	margin:0 auto 1.25% auto;
	/*position:relative;*/
}
.woff-page-top .event-store .btn1 {
	width:43.75% !important;
	margin:0 1.25% 2.5% 5%;
}
.woff-page-top .event-store .btn2 {
	width:43.75% !important;
	margin:0 5% 2.5% 1.25%;
}

/* news */
#woff-news-sp {
	width:100%;
	position:relative;
}
#woff-news-sp .woff-container {
	width:100%; height:100%;
	position:absolute; left:0; top:0;
	overflow-y:scroll;
}
#woff-news-sp .spacer-head {
	width:100%; height:0;
	padding-top:3.75%;
	font-size:0;
}
#woff-news-sp .woff_entry {
	width:100%;
}
#woff-news-sp .woff_entry:after {
	display: block;
	clear: both;
	content: "";
}
#woff-news-sp .pic {
	width:17.5%;
	padding-left:3.75%;
	float:left;
}
#woff-news-sp .block {
	width:72.5%;
	padding-right:3.75%;
	float:right;
}
#woff-news-sp .date {
	font-size:9px; font-size:2.8125vw; line-height:122%; color:#788ca0;
}
#woff-news-sp .space {
	width:100%; height:0;
	padding-top:3.5%;
}
#woff-news-sp .text {
	font-size:11px; font-size:3.4375vw; line-height:118%; color:#333366;
}
#woff-news-sp .hr {
	width:100%; height:0;
	padding-top:7.8125%;
	background-image:url(../images/common/line_sub24.gif);
	background-size:100% auto;
}

 /* Twitter timeline  */
#woff_sns {
	background:#f0f2f5;
}
#woff_sns iframe {
	width: 1000px !important;
}

/* special */
#woff-special .bg{
	background-image:url(../images/top/special_bnr_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
#woff-special .bg .bnr {
	width:90%;
	margin:0 auto;
	position:relative;
}
#woff-special .bg .youtube {
	width:40.28%;
	position:absolute; left:9.72%; bottom:0;
}
#woff-special .bg .niconico {
	width:40.28%;
	position:absolute; right:9.72%; bottom:0;
}

/* live, movie */
#woff-live-sp,
#woff-movie-sp {
	width:100%;
	position:relative;
	overflow:hidden;
	background-image:url(../images/top/special_movie_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
#woff-live-sp .movie-block,
#woff-movie-sp .movie-block {
	width:100%;
}
#woff-live-sp .movie-area,
#woff-movie-sp .movie-area {
	width:75%;
	margin:0 auto;
}
#woff-live-sp .movie-slider,
#woff-movie-sp .movie-slider {
	width:100%;
}
#woff-live-sp .movie-slider li,
#woff-movie-sp .movie-slider li {
	width:100%;
}
#woff-live-sp .prev,
#woff-movie-sp .prev {
	width:12.5%;
	position:absolute; left:0; top:0;
}
#woff-live-sp .next,
#woff-movie-sp .next {
	width:12.5%;
	position:absolute; right:0; top:0;
}
#woff-live-sp .bx-wrapper,
#woff-movie-sp .bx-wrapper {
	width:100%;
	margin:0;padding: 0;
	position:relative;
	*zoom:1;
}
#woff-live-sp .bx-wrapper img,
#woff-movie-sp .bx-wrapper img {
	height:auto;
	display: block;
}

/*=======================================
 story
----------------------------------------- */
.woff-page-story nav {
	background-color:#fff;
}
/* .capt-block */
.woff-page-story .capt-block {
	width:100%;
	position:relative;
	overflow:hidden;
}
.woff-page-story .capt-block {
	width:100%;
	position:relative;
}
.woff-page-story .capt-block .capt-area {
	width:75%;
	margin:0 auto;
}
.woff-page-story .capt-block .capt-slider {
	width:100%;
}
.woff-page-story .capt-block .capt-slider li {
	width:100%;
}
.woff-page-story .capt-block .prev {
	width:12.5%;
	position:absolute; left:0; top:0;
}
.woff-page-story .capt-block .next {
	width:12.5%;
	position:absolute; right:0; top:0;
}
.woff-page-story .capt-block .bx-wrapper {
	width:100%;
	margin:0;padding: 0;
	position:relative;
	*zoom:1;
}
.woff-page-story .capt-block .bx-wrapper img {
	height:auto;
	display:block;
}
/* .capt-block-pager */
.woff-page-story .capt-block-pager {
	width:100%; height:0;
	padding-top:11.5625%;
	position:relative;
	/* background-image:url(../images/story/capt_bg.jpg); */
	background-size:100% auto;
}
.woff-page-story .capt-pager {
	width: 62.5%;
	position:absolute; left:18.75%; top:0;
}
.woff-page-story .capt-pager li {
	width:5%;
	float:left;
}
.woff-page-story .capt-pager .capt-page {
	opacity:0.4;
}
.woff-page-story .capt-pager .capt-page.active {
	opacity:1;
}
/* .bnr */
.woff-page-story .bnr {
	width:100%; height:0;
	padding-top:14.0625%;
	position:relative;
	/* background-image:url(../images/story/btn_world_bg.gif);*/ 
	background-size:100% auto;
}
.woff-page-story .bnr img {
	width:47.5% !important;
	position:absolute; left:26.25%; top:0;
}

/*=======================================
 world
----------------------------------------- */
/* .tab */
.woff-page-world .tab1 {
	width:100%;
	font-size:0;
}
.woff-page-world .tab2 {
	width:75%;
	margin:0 auto;
	font-size:0;
}
.woff-page-world .tab1 li,
.woff-page-world .tab2 li {
	display:inline-block;
}
.woff-page-world .tab1 .t1,
.woff-page-world .tab1 .t3 {
	width:34.375%;
}
.woff-page-world .tab1 .t2 {
	width:31.25%;
}
.woff-page-world .tab2 .t1,
.woff-page-world .tab2 .t2 {
	width:50%;
}

/* .capt-block */
.woff-page-world .capt-block {
	width:100%;
	position:relative;
	overflow:hidden;
}
.woff-page-world .capt-block {
	width:100%;
	position:relative;
}
.woff-page-world .capt-block .capt-area {
	width:100%;
	margin:0 auto;
}
.woff-page-world .capt-block .capt-slider {
	width:100%;
}
.woff-page-world .capt-block .capt-slider li {
	width:100%;
}
.woff-page-world .capt-block .prev {
	width:12.5%;
	position:absolute; left:0; top:0;
}
.woff-page-world .capt-block .next {
	width:12.5%;
	position:absolute; right:0; top:0;
}
.woff-page-world .capt-block .bx-wrapper {
	width:100%;
	margin:0;padding: 0;
	position:relative;
	*zoom:1;
}
.woff-page-world .capt-block .bx-wrapper img {
	height:auto;
	display:block;
}
/* .capt-block-pager */
.woff-page-world .capt-block-pager1 .capt-pager {
	width:100%;
	font-size:0; text-align:center;
}
.woff-page-world .capt-block-pager1 li {
	width:5%;
	display:inline-block;
}
.woff-page-world .capt-block-pager2 .capt-pager {
	width:70%;
	margin:0 auto;
	font-size:0; text-align:center;
}
.woff-page-world .capt-block-pager2 li {
	width:7.14%;
	display:inline-block;
}
.woff-page-world .capt-pager .capt-page {
	opacity:0.4;
}
.woff-page-world .capt-pager .capt-page.active {
	opacity:1;
}

/*=======================================
 character
----------------------------------------- */
.woff-page-character .bnr {
	width:47.5%;
	margin:0 auto;
}

/* slide-area
----------------------------------------- */
.woff-page-character .slide-area {
	position:relative;
}
.woff-page-character .line_acc {
	background-image:url(../images/common/line_acc.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-character .slide-box {
	margin:0 auto;
	overflow:hidden;
}
.woff-page-character .slide1 .slide-box {width:65.625%;}
.woff-page-character .slide2 .slide-box {width:65.625%;}
.woff-page-character .slide3 .slide-box {width:82.5%;}
.woff-page-character .slide4 .slide-box {width:77.5%;}

.woff-page-character .slide-area ul {
	width:100%;
}
.woff-page-character .slide-area ul:after {
	display: block;
	clear: both;
	content: "";
}
.woff-page-character .slide-area li {
	float:left;
}
.woff-page-character .slide-area li div {
	width:100%; height:0;
	position:relative;
}
.woff-page-character .slide-area li img {
	position:absolute; left:0; top:0;
}

.woff-page-character .slide1 li {width:33.33%;}
.woff-page-character .slide2 li {width:33.33%;}
.woff-page-character .slide3 li {width:33.33%;}
.woff-page-character .slide4 li {width:25%;}

.woff-page-character .slide1 li div {padding-top:164.29%;}
.woff-page-character .slide2 li div {padding-top:164.29%;}
.woff-page-character .slide3 li div {padding-top:130.68%;}
.woff-page-character .slide4 li div {padding-top:120.97%;}

.woff-page-character .slide1.open0 li.t0,
.woff-page-character .slide1.open1 li.t1,
.woff-page-character .slide1.open2 li.t2,
.woff-page-character .slide1.open3 li.t3,
.woff-page-character .slide1.open4 li.t4,
.woff-page-character .slide1.open5 li.t5,
.woff-page-character .slide1.open6 li.t6,
.woff-page-character .slide1.open7 li.t7,
.woff-page-character .slide1.open8 li.t8,
.woff-page-character .slide1.open9 li.t9,
.woff-page-character .slide1.open10 li.t10,
.woff-page-character .slide1.open11 li.t11,
.woff-page-character .slide1.open12 li.t12,
.woff-page-character .slide1.open13 li.t13,
.woff-page-character .slide1.open14 li.t14,
.woff-page-character .slide1.open15 li.t15,
.woff-page-character .slide1.open16 li.t16,
.woff-page-character .slide1.open17 li.t17,
.woff-page-character .slide1.open18 li.t18,
.woff-page-character .slide1.open19 li.t19,

.woff-page-character .slide2.open0 li.t0,
.woff-page-character .slide2.open1 li.t1,
.woff-page-character .slide2.open2 li.t2,
.woff-page-character .slide2.open3 li.t3,
.woff-page-character .slide2.open4 li.t4,
.woff-page-character .slide2.open5 li.t5,
.woff-page-character .slide2.open6 li.t6,
.woff-page-character .slide2.open7 li.t7,
.woff-page-character .slide2.open8 li.t8,
.woff-page-character .slide2.open9 li.t9,
.woff-page-character .slide2.open10 li.t10,
.woff-page-character .slide2.open11 li.t11,
.woff-page-character .slide2.open12 li.t12,
.woff-page-character .slide2.open13 li.t13,
.woff-page-character .slide2.open14 li.t14,
.woff-page-character .slide2.open15 li.t15,
.woff-page-character .slide2.open16 li.t16,
.woff-page-character .slide2.open17 li.t17,
.woff-page-character .slide2.open18 li.t18,
.woff-page-character .slide2.open19 li.t19 {
	background-image:url(../images/character/balloon_acc.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-character .slide3.open0 li.t0,
.woff-page-character .slide3.open1 li.t1,
.woff-page-character .slide3.open2 li.t2,
.woff-page-character .slide3.open3 li.t3,
.woff-page-character .slide3.open4 li.t4,
.woff-page-character .slide3.open5 li.t5,
.woff-page-character .slide3.open6 li.t6,
.woff-page-character .slide3.open7 li.t7,
.woff-page-character .slide3.open8 li.t8,
.woff-page-character .slide3.open9 li.t9,
.woff-page-character .slide3.open10 li.t10,
.woff-page-character .slide3.open11 li.t11,
.woff-page-character .slide3.open12 li.t12,
.woff-page-character .slide3.open13 li.t13,
.woff-page-character .slide3.open14 li.t14,
.woff-page-character .slide3.open15 li.t15,
.woff-page-character .slide3.open16 li.t16,
.woff-page-character .slide3.open17 li.t17,
.woff-page-character .slide3.open18 li.t18,
.woff-page-character .slide3.open19 li.t19
.woff-page-character .slide3.open20 li.t20,
.woff-page-character .slide3.open21 li.t21,
.woff-page-character .slide3.open22 li.t22,
.woff-page-character .slide3.open23 li.t23,
.woff-page-character .slide3.open24 li.t24,
.woff-page-character .slide3.open25 li.t25,
.woff-page-character .slide3.open26 li.t26,
.woff-page-character .slide3.open27 li.t27,
.woff-page-character .slide3.open28 li.t28,
.woff-page-character .slide3.open29 li.t29 {
	background-image:url(../images/character/balloon_acc_enemy.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-character .slide4.open0 li.t0,
.woff-page-character .slide4.open1 li.t1,
.woff-page-character .slide4.open2 li.t2,
.woff-page-character .slide4.open3 li.t3,
.woff-page-character .slide4.open4 li.t4,
.woff-page-character .slide4.open5 li.t5,
.woff-page-character .slide4.open6 li.t6,
.woff-page-character .slide4.open7 li.t7,
.woff-page-character .slide4.open8 li.t8,
.woff-page-character .slide4.open9 li.t9,
.woff-page-character .slide4.open10 li.t10,
.woff-page-character .slide4.open11 li.t11,
.woff-page-character .slide4.open12 li.t12,
.woff-page-character .slide4.open13 li.t13,
.woff-page-character .slide4.open14 li.t14,
.woff-page-character .slide4.open15 li.t15,
.woff-page-character .slide4.open16 li.t16,
.woff-page-character .slide4.open17 li.t17,
.woff-page-character .slide4.open18 li.t18,
.woff-page-character .slide4.open19 li.t19,
.woff-page-character .slide4.open20 li.t20,
.woff-page-character .slide4.open21 li.t21,
.woff-page-character .slide4.open22 li.t22,
.woff-page-character .slide4.open23 li.t23,
.woff-page-character .slide4.open24 li.t24,
.woff-page-character .slide4.open25 li.t25,
.woff-page-character .slide4.open26 li.t26,
.woff-page-character .slide4.open27 li.t27,
.woff-page-character .slide4.open28 li.t28,
.woff-page-character .slide4.open29 li.t29 {
	background-image:url(../images/character/balloon_acc_legend.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.woff-page-character .prev {
	width:10%;
	position:absolute; left:0; top:0;
}
.woff-page-character .next {
	width:10%;
	position:absolute; right:0; top:0;
}
.woff-page-character .slide3 .prev,
.woff-page-character .slide3 .next {
	width:8.75%;
}

.woff-page-character .list-box {
	width:100%; height:0;
	margin-top:-1px;
	position:relative;
	overflow:hidden;
	display:none;
	background-color:#98a5b9;
	background-image:url(../images/common/bg_acc.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-character .list-block4 .list-box {
	margin-top:-1px;
}

.woff-page-character .list-pic {
	text-align:center;
}
.woff-page-character .list-foot {
	width:100%; height:0;
	padding-top:8.59375%;
}
.woff-page-character .list-close {
	position:absolute; left:0; bottom:0;
}

/*=======================================
 mirage
----------------------------------------- */
 .woff-page-mirage .list-block1 {
	 background-image:url(../images/mirage/S_bg.jpg);
	 background-size:100% auto;
 }
 .woff-page-mirage .list-block2 {
	 background-image:url(../images/mirage/M_bg.jpg);
	 background-size:100% auto;
 }
 .woff-page-mirage .list-block3 {
	 background-image:url(../images/mirage/L_bg.jpg);
	 background-size:100% auto;
 }
 
/* slide-area
----------------------------------------- */
.woff-page-mirage .slide-area {
	position:relative;
}
.woff-page-mirage .line_acc {
	background-image:url(../images/common/line_acc.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-mirage .slide-box {
	margin:0 auto;
	overflow:hidden;
}
.woff-page-mirage .slide1 .slide-box {width:78.75%;}
.woff-page-mirage .slide2 .slide-box {width:78.75%;}
.woff-page-mirage .slide3 .slide-box {width:78.75%;}
.woff-page-mirage .slide4 .slide-box {width:65%;}

.woff-page-mirage .slide-area ul {
	width:100%;
}
.woff-page-mirage .slide-area ul:after {
	display: block;
	clear: both;
	content: "";
}
.woff-page-mirage .slide-area li {
	float:left;
}
.woff-page-mirage .slide-area li div {
	width:100%; height:0;
	position:relative;
}
.woff-page-mirage .slide-area li img {
	position:absolute; left:0; top:0;
}
.woff-page-mirage .slide1 li {width:33.33%;}
.woff-page-mirage .slide2 li {width:33.33%;}
.woff-page-mirage .slide3 li {width:33.33%;}
.woff-page-mirage .slide4 li {width:50%;}

.woff-page-mirage .slide1 li div {padding-top:70.59%;}
.woff-page-mirage .slide2 li div {padding-top:82.36%;}
.woff-page-mirage .slide3 li div {padding-top:100%;}
.woff-page-mirage .slide4 li div {padding-top:85.72%;}

.woff-page-mirage .slide1.open0 li.t0,
.woff-page-mirage .slide1.open1 li.t1,
.woff-page-mirage .slide1.open2 li.t2,
.woff-page-mirage .slide1.open3 li.t3,
.woff-page-mirage .slide1.open4 li.t4,
.woff-page-mirage .slide1.open5 li.t5,
.woff-page-mirage .slide1.open6 li.t6,
.woff-page-mirage .slide1.open7 li.t7,
.woff-page-mirage .slide1.open8 li.t8,
.woff-page-mirage .slide1.open9 li.t9,
.woff-page-mirage .slide1.open10 li.t10,
.woff-page-mirage .slide1.open11 li.t11,
.woff-page-mirage .slide1.open12 li.t12,
.woff-page-mirage .slide1.open13 li.t13,
.woff-page-mirage .slide1.open14 li.t14,
.woff-page-mirage .slide1.open15 li.t15,
.woff-page-mirage .slide1.open16 li.t16,
.woff-page-mirage .slide1.open17 li.t17,
.woff-page-mirage .slide1.open18 li.t18,
.woff-page-mirage .slide1.open19 li.t19,

.woff-page-mirage .slide2.open0 li.t0,
.woff-page-mirage .slide2.open1 li.t1,
.woff-page-mirage .slide2.open2 li.t2,
.woff-page-mirage .slide2.open3 li.t3,
.woff-page-mirage .slide2.open4 li.t4,
.woff-page-mirage .slide2.open5 li.t5,
.woff-page-mirage .slide2.open6 li.t6,
.woff-page-mirage .slide2.open7 li.t7,
.woff-page-mirage .slide2.open8 li.t8,
.woff-page-mirage .slide2.open9 li.t9,
.woff-page-mirage .slide2.open10 li.t10,
.woff-page-mirage .slide2.open11 li.t11,
.woff-page-mirage .slide2.open12 li.t12,
.woff-page-mirage .slide2.open13 li.t13,
.woff-page-mirage .slide2.open14 li.t14,
.woff-page-mirage .slide2.open15 li.t15,
.woff-page-mirage .slide2.open16 li.t16,
.woff-page-mirage .slide2.open17 li.t17,
.woff-page-mirage .slide2.open18 li.t18,
.woff-page-mirage .slide2.open19 li.t19,

.woff-page-mirage .slide3.open0 li.t0,
.woff-page-mirage .slide3.open1 li.t1,
.woff-page-mirage .slide3.open2 li.t2,
.woff-page-mirage .slide3.open3 li.t3,
.woff-page-mirage .slide3.open4 li.t4,
.woff-page-mirage .slide3.open5 li.t5,
.woff-page-mirage .slide3.open6 li.t6,
.woff-page-mirage .slide3.open7 li.t7,
.woff-page-mirage .slide3.open8 li.t8,
.woff-page-mirage .slide3.open9 li.t9,
.woff-page-mirage .slide3.open10 li.t10,
.woff-page-mirage .slide3.open11 li.t11,
.woff-page-mirage .slide3.open12 li.t12,
.woff-page-mirage .slide3.open13 li.t13,
.woff-page-mirage .slide3.open14 li.t14,
.woff-page-mirage .slide3.open15 li.t15,
.woff-page-mirage .slide3.open16 li.t16,
.woff-page-mirage .slide3.open17 li.t17,
.woff-page-mirage .slide3.open18 li.t18,
.woff-page-mirage .slide3.open19 li.t19,
.woff-page-mirage .slide3.open20 li.t20,
.woff-page-mirage .slide3.open21 li.t21,
.woff-page-mirage .slide3.open22 li.t22,
.woff-page-mirage .slide3.open23 li.t23,
.woff-page-mirage .slide3.open24 li.t24,
.woff-page-mirage .slide3.open25 li.t25,
.woff-page-mirage .slide3.open26 li.t26,
.woff-page-mirage .slide3.open27 li.t27,
.woff-page-mirage .slide3.open28 li.t28,
.woff-page-mirage .slide3.open29 li.t29 {
	background-image:url(../images/character/balloon_acc.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-mirage .slide4.open0 li.t0,
.woff-page-mirage .slide4.open1 li.t1,
.woff-page-mirage .slide4.open2 li.t2,
.woff-page-mirage .slide4.open3 li.t3,
.woff-page-mirage .slide4.open4 li.t4,
.woff-page-mirage .slide4.open5 li.t5,
.woff-page-mirage .slide4.open6 li.t6,
.woff-page-mirage .slide4.open7 li.t7,
.woff-page-mirage .slide4.open8 li.t8,
.woff-page-mirage .slide4.open9 li.t9 {
	background-image:url(../images/mirage/balloon_acc_G.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.woff-page-mirage .prev {
	width:10%;
	position:absolute; left:0; top:0;
}
.woff-page-mirage .next {
	width:10%;
	position:absolute; right:0; top:0;
}

.woff-page-mirage .list-box {
	width:100%; height:0;
	margin-top:-1px;
	position:relative;
	overflow:hidden;
	display:none;
	background-color:#98a5b9;
	background-image:url(../images/common/bg_acc.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-mirage .list-pic {
	text-align:center;
}
.woff-page-mirage .list-foot {
	width:100%; height:0;
	padding-top:8.59375%;
}
.woff-page-mirage .list-close {
	position:absolute; left:0; bottom:0;
}

/*=======================================
 system
----------------------------------------- */
.woff-page-system nav {
	background-color:#fff;
}
/* .tab */
.woff-page-system .tab1,
.woff-page-system .tab3 {
	width:100%;
	font-size:0;
}
.woff-page-system .tab1 li,
.woff-page-system .tab3 li {
	display:inline-block;
}
.woff-page-system .tab1 .t1,
.woff-page-system .tab3 .t1 {
	width:34.375%;
}
.woff-page-system .tab1 .t2,
.woff-page-system .tab3 .t2 {
	width:31.25%;
}
.woff-page-system .tab1 .t3,
.woff-page-system .tab3 .t3 {
	width:34.375%;
}
.woff-page-system .tab2,
.woff-page-system .tab4,
.woff-page-system .tab5 {
	width:75%;
	margin:0 auto;
	font-size:0;
}
.woff-page-system .tab2 li,
.woff-page-system .tab4 li,
.woff-page-system .tab5 li {
	display:inline-block;
	width:50%;
}
.woff-page-system .tab_quest {
	width:37.5%;
	margin:0 auto;
	font-size:0;
}

/* .capt-block */
.woff-page-system .capt-block {
	width:100%;
	position:relative;
	overflow:hidden;
}
.woff-page-system .capt-block {
	width:100%;
	position:relative;
}
.woff-page-system .capt-block .capt-area {
	width:100%;
}
.woff-page-system .capt-block .capt-slider {
	width:100%;
}
.woff-page-system .capt-block .capt-slider li {
	width:100%;
}
.woff-page-system .capt-block .prev {
	width:12.5%;
	position:absolute; left:0; top:0;
}
.woff-page-system .capt-block .next {
	width:12.5%;
	position:absolute; right:0; top:0;
}
/* .woff-page-system .capt-block5 .prev,
.woff-page-system .capt-block5 .next {
	opacity:0.2; */
}
.woff-page-system .capt-block .bx-wrapper {
	width:100%;
	margin:0;padding: 0;
	position:relative;
	*zoom:1;
}
.woff-page-system .capt-block .bx-wrapper img {
	height:auto;
	display:block;
}
/* .capt-block-pager */
.woff-page-system .capt-pager {
	width: 100%;
	font-size:0; text-align:center;
}
.woff-page-system .capt-pager li {
	width:5%;
	display:inline-block;
}
.woff-page-system .capt-pager .capt-page {
	opacity:0.4;
}
.woff-page-system .capt-pager .capt-page.active {
	opacity:1;
}

/*=======================================
 special
----------------------------------------- */
.woff-page-special .live201606-movie,
.woff-page-special .live-movie {
	position:relative;
}
.woff-page-special .live201606-movie .youtube,
.woff-page-special .live-movie .youtube {
	width:43.75% !important;
	position:absolute; left:5%; top:0;
	/* opacity:0.3; */
}
.woff-page-special .live201606-movie .niconico,
.woff-page-special .live-movie .niconico {
	width:43.75% !important;
	position:absolute; right:5%; top:0;
	/* opacity:0.3; */
}
/* .woff-page-special #btn400 {
	width:62.5% !important;
	position:relative; left:18.75%; top:0;
} */
.woff-page-special .btn {
	width:75.0% !important;
	position:relative; left:12.5%; top:0;
}
.woff-page-special .reserve-list:after {
	display: block;
	clear: both;
	content: "";
}
.woff-page-special .reserve-list li {
	width:50%;
	float:left;
}
.woff-page-special .manual {
	width:100%; height:0;
	padding-top:10.9375%;
	position:relative;
}
.woff-page-special .manual .btn1 {
	width:43.125% !important;
	position:absolute; left:5%; top:0;
}
.woff-page-special .manual .btn2 {
	width:43.125% !important;
	position:absolute; right:5%; top:0;
}
/*.platform-area*/
.woff-page-special .platform {
	width:100%; height:0;
	overflow:hidden;
}
.woff-page-special .platform-table {
	width:100%;
	overflow:auto;
}
.woff-page-special .platform-table div {
	width:186.25%;
}
.woff-page-special .platform-btn {
	width:100%; height:0;
	padding-top:10.9375%;
	position:relative;
}
.woff-page-special .platform-btn .btn1 {
	width:43.125% !important;
	position:absolute; left:5%; top:0;
}
.woff-page-special .platform-btn .btn2 {
	width:43.125% !important;
	position:absolute; right:5%; top:0;
}
/*.download-area*/
.woff-page-special .download {
	width:100%; height:0;
	overflow:hidden;
}
/* .woff-page-special6 */
.woff-page-special6 .list-thumb {
	width:100%; height:0;
	padding-top:57.8125%;
	position:relative;
	overflow:hidden;
}
.woff-page-special6 .list-block9 .list-thumb {
	padding-top:55.3125%;
}
.woff-page-special6 .list-thumb .t0 {
	width:45%;
	position:absolute; left:3.75%; top:0;
}
.woff-page-special6 .list-thumb .t1 {
	width:45%;
	position:absolute; right:3.75%; top:0;
}
.woff-page-special6 .list-thumb .t0 div,
.woff-page-special6 .list-thumb .t1 div {
	width:100%; height:0;
	padding-top:133.5%;
	position:relative;
}
.woff-page-special6 .list-thumb img {
	position:absolute; left:0; top:0;
}
.woff-page-special6 .open0 .list-thumb .t0,
.woff-page-special6 .open1 .list-thumb .t1 {
	background-image:url(../images/special/oshimon/balloon_acc.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-special6 .list-box {
	width:100%; height:0;
	position:relative;
	overflow:hidden;
	display:none;
	background-color:#98a5b9;
	background-image:url(../images/common/bg_acc.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.woff-page-special6 .list-unit{
	position:relative;
}
.woff-page-special6 .list-pic {
	text-align:center;
}
.woff-page-special6 .list-yt {
	position:absolute; left:52.5%; top:47.2222%;
}
.woff-page-special6 .list-foot {
	width:100%; height:0;
	padding-top:8.59375%;
}
.woff-page-special6 .list-close {
	position:absolute; left:0; bottom:0;
}
.woff-page-special6 .list-spacer{
	height:0;
	font-size:0;	
}

/* woff-page-special_trial */
.woff-page-special_trial .btn {
	width:75.0% !important;
	position:relative; left:12.5%; top:0;
}
/* .capt-block */
.woff-page-special_trial .capt-block {
	width:100%;
	position:relative;
	overflow:hidden;
}
.woff-page-special_trial .capt-block .capt-area {
	width:75%;
	margin:0 auto;
}
.woff-page-special_trial .capt-block .capt-slider {
	width:100%;
}
.woff-page-special_trial .capt-block .capt-slider li {
	width:100%;
}
.woff-page-special_trial .capt-block .prev {
	width:12.5%;
	position:absolute; left:0; top:0;
}
.woff-page-special_trial .capt-block .next {
	width:12.5%;
	position:absolute; right:0; top:0;
}
.woff-page-special_trial .capt-block .bx-wrapper {
	width:100%;
	margin:0;padding: 0;
	position:relative;
	*zoom:1;
}
.woff-page-special_trial .capt-block .bx-wrapper img {
	height:auto;
	display:block;
}
/* .capt-block-pager */
.woff-page-special_trial .capt-block-pager {
	width:100%; height:0;
	padding-top:11.5625%;
	position:relative;
	background-size:100% auto;
}
.woff-page-special_trial .capt-pager {
	width:62.5%;
	position:absolute; left:18.75%; top:0;
	font-size:0;
	text-align:center;
}
.woff-page-special_trial .capt-pager li {
	width:5%;
	display:inline-block;
}
.woff-page-special_trial .capt-pager .capt-page {
	opacity:0.4;
}
.woff-page-special_trial .capt-pager .capt-page.active {
	opacity:1;
}

/* woff-page-special_marukame */
.woff-page-special_marukame .btn {
	width:75.0% !important;
	position:relative; left:12.5%; top:0;
}
.woff-page-special_marukame .logo_marukame {
	width:22.5% !important;
	position:relative; left:77.5%; top:0;
}

/* woff-page-special_dlc */
.woff-page-special_dlc .btn {
	width:75.0% !important;
	position:relative; left:12.5%; top:0;
}
.woff-page-special_dlc .btn_khhd {
	width:92.5% !important;
	position:relative; left:3.75%; top:0;
}

/* .woff-page-special_guideline */
.woff-page-special_guideline .block {
	width: 90%;
	margin: 0 auto; padding-top: 4.0625vw;
	font-size: 20px; font-size: 3.125vw; line-height: 1.4; color: #333366;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top: -0.625vw;
}
.woff-page-special_guideline .fontS {
	font-size: 18px; font-size: 2.8125vw; line-height: 1.44;
}
.woff-page-special_guideline dl {
	width: 100%;
}
.woff-page-special_guideline dt{
	width:5vw;
	clear:left; float:left;
}
.woff-page-special_guideline dd{
	margin-left:5vw;
}
.woff-page-special_guideline .indent{
	padding-left: 1em; text-indent:-1em;
}
.woff-page-special_guideline .box {
	padding: 1.875vw  2.5vw;
	font-size: 20px; font-size: 3.125vw; line-height: 1.4; color: #333366;
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	background:#ffffff;
	border: #ccccdc 1px solid;
}
.woff-page-special_guideline .over {
	padding-bottom: 7.1875vw;
	text-align: right;
}
.woff-page-special_guideline .pdB16 { padding-bottom: 1.25vw; }
.woff-page-special_guideline .pdB20 { padding-bottom: 1.875vw; }
.woff-page-special_guideline .pdB30 { padding-bottom: 3.4375vw; }
.woff-page-special_guideline .pdB40 { padding-bottom: 5vw; }