@charset "utf-8";
/*############################################################

	MODULE

############################################################*/
/*
	display
------------------------------------------------------------*/
.hide {
	display: none;
}

/*
	Hover
------------------------------------------------------------*/
/*.hover {
}

.hover:hover {
	opacity: 0.7;
}*/

/*
	Clearfix
------------------------------------------------------------*/
.cf {
}

.cf:before,
.cf:after{
	content:"";
	display: block;
}

.cf:after{
	clear:both;
}

/*############################################################

	COMMON

############################################################*/
#contents {
	position: relative;
	background: url(../img/common/base_bg.gif) 0 0 repeat;
}

#contents.type1 {
	position: relative;
	background: url(../img/common/base_bg2.jpg) 0 0 repeat;
}

#contents.type2 {
	position: relative;
	background: url(../img/common/base_bg3.jpg) 0 0 repeat;
}

/*
	TITLE
------------------------------------------------------------*/
#title {
	position: absolute;
	z-index: 110;
	top: 76px;
	left: 50%;
	transform: translateX(-50%);
	width: 222px;
	height: 112px;
}

#title.top {
	display: none;
}

#title img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .1s ease-out;
}

#title a:hover img {
	transform: scale(1.08);
}

/*
	NAVI
------------------------------------------------------------*/
.g_navi {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1065px;
	background: url(../img/common/navi_bg3.png) center 0 no-repeat;
}

.g_navi ul {
	margin: 0 auto;
	width: 1065px;
	height: 116px;
}
.g_navi li {
	position: relative;
	float: left;
	margin: 34px 0 0 35px;
	width: 99px;
	height: 47px;
}
.g_navi li:first-child {
	margin-left: 114px;
}
.g_navi li#gnavi3 {
	 width: 124px;
}
.g_navi li#gnavi4 {
	margin-left: 26px;
	width: 205px;
}
.g_navi li#gnavi5 {
	margin-left: 35px;
	width: 178px;
}
.g_navi li a {
	display: block;
	width: 100%;
	height: 47px;
	position: relative;
}
.g_navi li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: height .2s ease-out, top .2s ease-out;
	-moz-transition: height .2s ease-out, top .2s ease-out;
	-o-transition: height .2s ease-out, top .2s ease-out;
	-ms-transition: height .2s ease-out, top .2s ease-out;
	transition: height .2s ease-out, top .2s ease-out;
}
.g_navi li .on {
	top: 47px;
	height: 0px;
}
.g_navi li .off {
	top: 0px;
	height: 47px;
}
.g_navi li.on .on,
.g_navi li:hover .on{
	top: 0px;
	height: 47px;
}
.g_navi li.on .off,
.g_navi li:hover .off{
	top: 0px;
	height: 0px;
}
.g_navi li .new {
	position: absolute;
	top: -15px;
	right: 0;
	left: auto;
	width: 59px;
	height: 22px;
}

#bgm {
	position: absolute;
	right: 50%;
	top: 130px;
	margin-right: -500px;
	width: 52px;
	cursor: pointer;
}
#bgm img {
	position: relative;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#bgm img:hover {
	top: -4px;
	left: -4px;
	width: 60px;
	height: 60px;
}
#bgm .on {
	display: none;
}
#bgm.on img {
	display: none;
}
#bgm.on .on {
	display: inline-block;
}


/*
	IMG MODAL
------------------------------------------------------------*/
.img_modal {
	cursor: pointer;
}

#img_modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#img_modal_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	cursor: pointer;
}

#img_modal_contents {
	position: relative;
	z-index: 10;
	margin: 200px auto 0;
	width: 738px;
	height: 435px;
	text-align: center;
}

#img_modal_contents #img_modal_close {
	padding: 0 0 10px;
	text-align: right;
	cursor: pointer;
}



/*############################################################

	CONTENTS

############################################################*/
/*
	INTRO
------------------------------------------------------------*/
#intro {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #000;
	text-align: center;
}

#intro #intro_bg {
	height: 727px;
}

#intro_right {
	position: absolute;
	z-index: 1100;
	top: 0;
	left: 50%;
	width: 1px;
	height: 1px;
	text-align: center;
}
#intro_right img {
	width: 100%;
	height: 100%;
}
#intro_right_all {
	display: none;
	position: absolute;
	z-index: 1050;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: #fff;
}


/*
	TOP
------------------------------------------------------------*/
#top_contents {
	position: relative;
	padding: 0;
	min-width: 1214px;
	background-image: url(../img/top_v2/bg.png);
	background-position: center 0;
	background-repeat: repeat-y;
}

#top_contents #top {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	height: 820px;
	background: url(../img/top_v2/top_bg_base.png) 0 -27px no-repeat;
}

#top_contents #top #top_inner {
	position: relative;
	margin: 0 auto;
	padding: 116px 0 15px 110px;
	width: 1090px;
	height: 820px;
}

#top_contents #top #top_inner.type1 {
	background: url(../img/top_v2/top_bg_img1.jpg) right -27px no-repeat;
}

#top_contents #top #top_inner.type2 {
	background: url(../img/top_v2/top_bg_img2.jpg) right -27px no-repeat;
}

#top_contents #top #top_inner > h1 {
	padding: 21px 0 0 10px;
	width: 415px;
	text-align: center;
}

#top_contents #top #top_inner .edition {
	padding: 20px 0 0 10px;
}
#top_contents #top #top_inner .edition li {
	margin-bottom: 6px;
}
#top_contents #top #top_inner .edition img {
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#top_contents #top #top_inner .edition a:hover img {
	transform: scale(1.03);
}


#top_contents #top p#sell_date {
	position: relative;
	top: -10px;
	margin: 0 0 -10px;
	width: 420px;
	text-align: right;
}

#top_contents #top #top_copy {
	position: absolute;
	top: 135px;
	left: 620px;
	width: 303px;
	height: 142px;
	text-indent: -9999px;
	overflow: hidden;
}

#top_contents #top .type1 #top_copy {
	top: 135px;
	left: 620px;
	width: 303px;
	height: 142px;
	background: url(../img/top_v2/copy.png) 0 0 no-repeat;
}

#top_contents #top .type2 #top_copy {
	top: 213px;
	left: 630px;
	width: 532px;
	height: 52px;
	background: url(../img/top_v2/copy2.png) 0 0 no-repeat;
}


#news {
	margin: 0;
	width: 426px;
	height: 152px;
	background: url(../img/top_v2/news_bg.png) center 0 no-repeat;
}
#news.long {
	margin-bottom: 5px;
	height: 312px;
	background: url(../img/top_v2/news_bg2.png) center 0 no-repeat;
}

#news h1 {
	position: relative;
	top: -4px;
	margin-bottom: -5px;
	padding: 0 25px;
}

#news > div {
	margin: 0 0 0 16px;
	width: 388px;
	height: 108px;
	overflow: auto;
}
#news.long > div {
	height: 268px;
}

#news ul {
	width: 362px;
}

#news ul li {
	padding: 5px 0 0 30px;
	background: url(../img/top/icon_arrow.png) 0 0 no-repeat;
	color: #fff;
}

#news ul li dt {
	display: inline-block;
	width: 25%;
	font-size: 120%;
	line-height: 1.5;
	vertical-align: top;
}

#news ul li dd {
	display: inline-block;
	width: 73%;
	font-size: 100%;
	line-height: 1.5;
	margin-top: 2px;
}

#news ul li dd a {
	color: #fff;
	text-decoration: underline;
}

#news ul li dd a:hover {
	text-decoration: none;
}

/* scroll bar */
.mCSB_scrollTools {
	opacity: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #3b91e0;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #3b91e0;
	opacity: 0.7;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #3b91e0;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	opacity: 0.3;
	background-color: #000;
}

#school {
	width: 426px;
	height: 165px;
	background: url(../img/top_v2/school_bg.png) center 0 no-repeat;
}
#school dt {
	padding: 19px 0 0;
	text-align: center;
}
#school dd {
	text-align: center;
}
#school dd li {
	display: inline-block;
	padding: 0 1px;
	width: 176px;
	height: 42px;
}
#school dd li a {
	position: relative;
	display: block;
	width: 176px;
	height: 42px;
}
#school dd li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 176px;
	height: 42px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#school dd li.nolink img {
	position: relative;
}
#school dd li a:hover img {
	top: -2px;
	left: -8.5px;
	width: 193px;
	height: 46px;
}

#movie_ch {
	position: relative;
	top: -14px;
	left: -3px;
	padding: 8px 0 0 0;
	width: 440px;
	height: 170px;
}
#movie_ch a {
	display: inline-block;
	width: 440px;
	height: 170px;
}
#movie_ch img {
	position: relative;
	top: 0;
	left: 0;
	width: 440px;
	height: 170px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#movie_ch a:hover img {
	top: -4px;
	left: -11px;
	width: 462px;
	height: 178px;
}

#cm_ch {
	position: relative;
	top: -4px;
	left: 0;
	margin-bottom: -3px;
	padding: 4px 0 0 0;
	width: 426px;
	height: 164px;
}
#cm_ch a {
	display: inline-block;
	width: 426px;
	height: 164px;
}
#cm_ch img {
	position: relative;
	top: 0;
	left: 0;
	width: 426px;
	height: 164px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#cm_ch a:hover img {
	top: -4px;
	left: -11px;
	width: 448px;
	height: 172px;
}

/*------- switch版 -------*/
#switch_btn {
	position: relative;
	top: 0;
	left: 7px;
	width: 412px;
	height: 170px;
}
#switch_btn a {
	display: inline-block;
	width: 412px;
	height: 150px;
}
#switch_btn img {
	position: relative;
	top: 0;
	left: 0;
	width: 412px;
	height: 150px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_btn a:hover img {
	top: -4px;
	left: -10px;
	width: 432px;
	height: 157px;
}

#top_dqb2 {
	margin: 14px 0 26px;
	text-align: center;
}
#top_dqb2 img {
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#top_dqb2 a:hover img {
	transform: scale(1.03);
}

/* データ引き継ぎ */
#top_data {
	position: relative;
	width: 874px;
	height: 1152px;
	margin: 0 auto 16px;
	text-align: center;
	background: url(../img/top_v2/data_bg2.png) center 53px no-repeat;
}
#top_data img {
	vertical-align: top;
}
#top_data h1 {
	padding-top: 36px;
}
#top_data .inner {
	display: flex;
	justify-content: space-between;
	width: 791px;
	margin: 24px auto 26px;
}
#top_data dl {
	width: 380px;
	padding: 27px 2px 20px 0;
	background: url(../img/top_v2/data_frame.png) center top no-repeat;
}
#top_data dt {
	margin-bottom: 20px;
}
#top_data dd:nth-last-of-type(2) {
	margin: 21px 0 46px;
}
#top_data dd a {
	display: block;
	width: 350px;
	height: 197px;
	margin: 0 auto;
}
#top_data dd a img {
	position: relative;
	top: 0;
	left: 0;
	width: 350px;
	height: 197px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#top_data dd a:hover img {
	top: -5px;
	left: -9px;
	width: 368px;
	height: 207px;
}
#top_data .btn a {
	display: block;
	width: 558px;
	height: 114px;
	margin: 11px auto 0;
}
#top_data .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 558px;
	height: 114px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#top_data .btn a:hover img {
	top: -3px;
	left: -14px;
	width: 586px;
	height: 120px;
}

/* コンテスト情報 */
#top_contest {
	text-align: center;
}
#top_contest img {
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#top_contest a:hover img {
	transform: scale(1.03);
}

/*--------------------------------*/
#contest_bnr {
	margin-top: -3px;
	margin-bottom: 23px;
	text-align: center;
}
#contest_bnr a {
	display: block;
	position: relative;
	width: 916px;
	height: 197px;
	margin: 0 auto;
}
#contest_bnr img {
	position: absolute;
	top: 0;
	left: 0;
	width: 916px;
	height: 197px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
	cursor: pointer;
}
#contest_bnr a:hover img {
	top: -3px;
	left: -13.5px;
	width: 943px;
	height: 203px;
}


#ch_bnr {
	width: 900px;
	margin: 30px auto 0;
	padding: 60px 0 0;
	background: url(../img/top_v2/line_green_block.png) center top no-repeat;
}

#ch_list {
	padding: 0 0 65px;
	background: url(../img/top_v2/line_green_block.png) center bottom no-repeat;
}
#ch_list h1 {
	margin-bottom: 11px;
	text-align: center;
}
#ch_list ul {
	text-align: center;
}
#ch_list ul li {
	display: inline-block;
	margin: 0 3px;
	text-align: center;
	vertical-align: top;
}

#ch_list dt {
	position: relative;
}
#ch_list dt img.episode {
	position: absolute;
	top: -7px;
	left: -5px;
	z-index: 10;
}
#ch_list dt a {
	position: relative;
	display: block;
	width: 214px;
	height: 130px;
	margin: 0 auto;
}
#ch_list dt a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 214px;
	height: 130px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#ch_list dt a:hover img {
	width: 225px;
	height: 137px;
	top: -3px;
	left: -5px;
}
#ch_list dt a img:first-child {
	width: 192px;
	height: 107px;
	top: 9px;
	left: 9px;
}
#ch_list dt a:hover img:first-child {
	width: 202px;
	height: 113px;
	top: 6px;
	left: 5px;
}

#bnr_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 874px;
	margin: 0 auto;
}
#bnr_list a img {
	transition: all .1s ease-out;
}
#bnr_list a:hover img {
	transform: scale(1.047);
}

#contents_footer {
	clear: both;
	padding: 94px 0 0;
	background: url(../img/top_v2/bottom_bg_v4.png) center 30px no-repeat;
}

#spec {
	margin: 0 auto;
	padding: 35px 0 0 55px;
	width: 846px;
	height: 299px;
	background: url(../img/top_v2/spec_bg_v2.png) center 0 no-repeat;
}
#spec li {
	padding: 0 0 15px;
}

#footer_bnr {
	width: 1200px;
	margin: 0 auto;
	padding: 15px 0 43px;
}
#footer_bnr ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
}
#footer_bnr li {
	margin: 0 2px;
}
#footer_bnr li a img {
	transition: all .1s ease-out;
}
#footer_bnr li a:hover img {
	transform: scale(1.047);
}


/*#footer_bnr {
	margin: 0 auto 0;
	padding: 15px 0 43px;
	width: 1200px;
}
#footer_bnr ul {
	margin-top: 10px;
	text-align: center;
}
#footer_bnr li {
	display: inline-block;
}
#footer_bnr li:nth-child(3) {
	display: block;
}
#footer_bnr li a {
	display: block;
	position: relative;
	height: 79px;
	width: 420px;
}
#footer_bnr li:nth-child(3) a {
	margin: 0 auto 22px;
}
#footer_bnr li img {
	position: absolute;
	top: 0;
	left: 0;
	height: 79px;
	width: 420px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
	cursor: pointer;
}
#footer_bnr li a:hover img {
	top: -2px;
	left: -10.5px;
	height: 83px;
	width: 441px;
}*/

#movie_modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#movie_modal_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	cursor: pointer;
}
#movie_modal_contents {
	position: relative;
	z-index: 10;
	margin: 200px auto 0;
	width: 800px;
	height: 450px;
	text-align: center;
}
#movie_modal_contents iframe {
}
#movie_modal_contents #btn_close {
	padding: 0 0 10px;
	text-align: right;
	cursor: pointer;
}


/*
	WORLD
------------------------------------------------------------*/
#world_contents {
	position: relative;
	padding: 210px 0 70px;
	background-image: url(../img/introduction/bg2.png);
	background-position:  center 0;
	background-repeat: no-repeat;
}

#world_contents .pager {
}
#world_contents .pager ul {
	text-align: center;
}
#world_contents .pager li {
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
	padding: 0;
	width: 229px;
	height: 69px;
}
#world_contents .pager li img.on,
#world_contents .pager li img.off {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 187px;
	height: 69px;
	-webkit-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-moz-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-ms-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
}
#world_contents .pager li img.new {
	position: absolute;
	top: -20px;
	right: 20px;
}
#world_contents .pager li .off {
}
#world_contents .pager li .on {
	opacity: 0;
}
#world_contents .pager li:hover .off,
#world_contents .pager li.on .off {
	left: -21px;
	bottom: -5px;
	opacity: 0;
	width: 229px;
	height: 84px;
}
#world_contents .pager li:hover .on,
#world_contents .pager li.on .on {
	left: -21px;
	bottom: -5px;
	opacity: 1;
	width: 229px;
	height: 84px;
}

#world_contents #top {
	padding: 50px 0 0;
	text-align: center;
}
#world_contents #top p {
	padding: 53px 0 0;
}

#world_story {
	padding: 0 0 65px;
}
#world_story ul {
	margin: 0 auto;
	width: 900px;
}
#world_story li {
	clear: both;
	position: relative;
	padding: 40px 0 10px;
}
#world_story li figure {
	width: 496px;
	height: 294px;
}
#world_story li.img_left figure {
	display: block;
	float: left;
	padding: 0 0 0 30px;
}
#world_story li.img_left p {
	float: right;
	padding: 35px 35px 0 0;
}
#world_story li.img_right figure {
	display: block;
	float: right;
	padding: 0 30px 0 0;
}
#world_story li.img_right figcaption {
	position: absolute;
	top: -5px;
	right: 0;
}
#world_story li.img_right p {
	float: left;
	padding: 35px 0 0 35px;
}
#world_story li:last-child {
	padding: 20px 0 0;
}
#world_story li:last-child figure {
	position: relative;
	right: -14px;
	margin-left: -14px;
}
#world_story li:last-child p {
	padding: 50px 0 0 35px;
}

#world_story li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world_story li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}

/* メルキド */
#world_contents.world_melkido {
	position: relative;
	padding: 210px 0 70px;
	background-image: url(../img/introduction/bg3.png);
	background-position:  center 0;
	background-repeat: no-repeat;
}

#world_contents.world_melkido #top {
	padding: 50px 0 0;
	text-align: center;
}

#world_contents.world_melkido #top p {
	padding: 30px 0 0;
}

#world2_city {
	padding: 0 0 95px;
}
#world2_city ul {
	margin: 0 auto;
	width: 900px;
}
#world2_city li {
	position: relative;
	clear: both;
	padding: 40px 0 0;
}
#world2_city li figure {
	width: 496px;
	height: 294px;
}
#world2_city li.img_left figure {
	display: block;
	float: left;
	padding: 0 0 0 30px;
}
#world2_city li.img_left p {
	float: right;
	padding: 35px 35px 0 0;
}
#world2_city li.img_right figure {
	display: block;
	float: right;
	padding: 0 30px 0 0;
}
#world2_city li.img_right figcaption {
	position: absolute;
	top: 0;
	right: -5px;
}
#world2_city li.img_right p {
	float: left;
	padding: 35px 0 0 35px;
}
#world2_city li:nth-child(3) {
}
#world2_city li:nth-child(3) p {
	padding: 15px 45px 0 0;
}
#world2_city li:nth-child(3) #img3_1 {
	padding: 0 0 0 90px;
	width: 422px;
	height: 253px;
}
#world2_city li:nth-child(3) #img3_1 img {
	width: 422px;
	height: 253px;
}
#world2_city li:nth-child(3) #img3_2 {
	clear: both;
	float: none;
	margin: 0 auto;
	width: 420px;
	height: 251px;
}
#world2_city li:nth-child(3) #img3_2 img {
	width: 420px;
	height: 251px;
}
#world2_city li:nth-child(3) #img3_1:hover img,
#world2_city li:nth-child(3) #img3_2:hover img {
	top: -6px;
	left: -10px;
	width: 441px;
	height: 263px;
}
#world2_city li:last-child {
	padding: 20px 0 0;
}
#world2_city li:last-child figure {
	position: relative;
	right: -14px;
	margin-left: -14px;
}
#world2_city li:last-child p {
	padding: 50px 0 0 35px;
}
#world2_city li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world2_city li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}

#world2_mob {
	padding: 0 0 85px;
}
#world2_mob h1 {
	text-align: center;
}
#world2_mob ul {
	margin: 0 auto;
	width: 900px;
}
#world2_mob li {
	clear: both;
	padding: 40px 0 10px;
}
#world2_mob li dt {
	width: 330px;
}
#world2_mob li dd figure {
	width: 496px;
	height: 294px;
}
#world2_mob li dd p {
	padding: 5px 0 0;
}
#world2_mob li.mob_left dt {
	display: block;
	float: left;
	padding: 0;
}
#world2_mob li.mob_left dd {
	float: right;
	padding: 0 35px 0 0;
}
#world2_mob li.mob_right dt {
	display: block;
	float: right;
	padding: 0;
}
#world2_mob li.mob_right dd {
	float: left;
	padding: 0 0 0 35px;
}
#world2_mob li#mob1 {
}
#world2_mob li#mob1 dt {
	padding: 10px 0 0 0;
	width: 345px;
	text-align: right;
}
#world2_mob li#mob2 {
}
#world2_mob li#mob2 dt {
	padding: 115px 0 0 0;
	width: 310px;
}
#world2_mob li#mob2 dd {
	padding: 0 0 0 70px;
}
#world2_mob li#mob3 {
	padding: 0;
}
#world2_mob li#mob3 dt {
	z-index: 3;
	padding: 10px 0 0 60px;
	width: 310px;
	text-align: right;
}
#world2_mob li#mob3 dd {
	padding: 50px 35px 0 0;
}
#world2_mob li:last-child {
	padding: 20px 0 0;
}
#world2_mob li:last-child dt {
	position: relative;
	right: -14px;
	margin-left: -14px;
}
#world2_mob li:last-child dd {
	padding: 50px 0 0 35px;
}
#world2_mob li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world2_mob li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}


/* リムルダール */
#world_contents.world_rimuldar {
	position: relative;
	padding: 210px 0 70px;
	background-image: url(../img/introduction/world3_bg_v2.png);
	background-position:  center 0;
	background-repeat: no-repeat;
}
#world_contents.world_rimuldar #top {
	padding: 50px 0 0;
	text-align: center;
}
#world_contents.world_rimuldar #top p {
	padding: 30px 0 0;
}

#world3_city {
	padding: 0 0 95px;
}
#world3_city ul {
	margin: 0 auto;
	width: 900px;
}
#world3_city li {
	position: relative;
	clear: both;
	padding: 45px 0 0;
}
#world3_city li figure {
	width: 496px;
	height: 294px;
}
#world3_city li.img_left figure {
	display: block;
	float: left;
	padding: 0 0 0 30px;
}
#world3_city li.img_left p {
	float: right;
	padding: 35px 35px 0 0;
}
#world3_city li.img_right figure {
	display: block;
	float: right;
	padding: 0 30px 0 0;
}
#world3_city li.img_right figcaption {
	position: absolute;
	top: 20px;
	right: -5px;
}
#world3_city li.img_left figcaption {
	position: absolute;
	bottom: 0;
	left: 20px;
}
#world3_city li.img_right p {
	float: left;
	padding: 35px 0 0 35px;
}
#world3_city li:nth-child(3) {
}
#world3_city li:nth-child(3) p {
	padding: 35px 45px 0 0;
}
#world3_city li:last-child {
}
#world3_city li:last-child figure {
	position: relative;
	right: -14px;
	margin-left: -14px;
}
#world3_city li:last-child p {
	padding: 30px 0 0 35px;
}
#world3_city li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world3_city li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}

#world3_mob {
	padding: 0 0 85px;
}
#world3_mob h1 {
	text-align: center;
}
#world3_mob ul {
	margin: 0 auto;
	width: 900px;
}
#world3_mob li {
	clear: both;
	padding: 35px 0 10px;
}
#world3_mob li dt {
	width: 330px;
}
#world3_mob li dd figure {
	width: 496px;
	height: 294px;
}
#world3_mob li dd p {
	padding: 5px 0 0;
}
#world3_mob li.mob_left dt {
	display: block;
	float: left;
	padding: 0;
}
#world3_mob li.mob_left dd {
	float: right;
	padding: 0 35px 0 0;
}
#world3_mob li.mob_right dt {
	display: block;
	float: right;
	padding: 0;
}
#world3_mob li.mob_right dd {
	float: left;
	padding: 0 0 0 35px;
}
#world3_mob li#mob1 {
}
#world3_mob li#mob1 dt {
	position: relative;
	z-index: 2;
	padding: 32px 0 0 0;
	width: 345px;
	text-align: right;
}
#world3_mob li#mob1 dt img {
	position: absolute;
	left: 42px;
}
#world3_mob li#mob2 {
}
#world3_mob li#mob2 dt {
	padding: 130px 0 0 0;
	width: 310px;
}
#world3_mob li#mob2 dd {
	padding: 0 0 0 70px;
}
#world3_mob li#mob3 {
	padding: 0;
}
#world3_mob li#mob3 dt {
	z-index: 3;
	padding: 28px 0 0 30px;
	width: 310px;
	text-align: right;
}
#world3_mob li#mob3 dd {
	padding: 35px 35px 0 0;
}
#world3_mob li#mob3 dd:last-child {
	padding: 20px 35px 0 0
}
#world3_mob li:last-child {
	padding: 20px 0 0;
}
#world3_mob li:last-child dt {
	position: relative;
	right: -14px;
	margin-left: -14px;
}
#world3_mob li:last-child dd {
	padding: 50px 0 0 35px;
}
#world3_mob li:last-child dd:last-child {
	padding: 15px 0 0 35px;
}
#world3_mob li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world3_mob li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}


/* マイラ */
#world_contents.world_maira {
	position: relative;
	padding: 210px 0 70px;
	background-image: url(../img/introduction/bg4.png);
	background-position:  center 0;
	background-repeat: no-repeat;
}
#world_contents.world_maira #top {
	padding: 50px 0 0;
	text-align: center;
}
#world_contents.world_maira #top p {
	padding: 30px 0 0;
}

#world4_city {
	padding: 0 0 95px;
}
#world4_city ul {
	margin: 0 auto;
	width: 900px;
}
#world4_city li {
	position: relative;
	clear: both;
	padding: 45px 0 0;
}
#world4_city li figure {
	width: 496px;
	height: 294px;
}
#world4_city li.img_left figure {
	display: block;
	float: left;
	padding: 0 0 0 30px;
}
#world4_city li.img_left p {
	float: right;
	padding: 35px 35px 0 0;
}
#world4_city li.img_right figure {
	display: block;
	float: right;
	padding: 0 30px 0 0;
}
#world4_city li.img_right figcaption {
	position: absolute;
	top: 20px;
	right: -5px;
}
#world4_city li.img_left figcaption {
	position: absolute;
	bottom: 0;
	left: 20px;
}
#world4_city li.img_right p {
	float: left;
	padding: 35px 0 0 35px;
}
#world4_city li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world4_city li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}
#world4_city li:nth-child(2) p {
	float: right;
	padding: 12px 75px 0 0;
}
#world4_city li:nth-child(2) figure {
	width: 422px;
	height: 253px;
}
#world4_city li #img2_1 {
	padding: 0 0 0 70px;
}
#world4_city li #img2_2 {
	clear: both;
	float: none;
	margin: 0 auto;
}
#world4_city li:nth-child(2) figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 422px;
	height: 253px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world4_city li:nth-child(2) figure:hover img  {
	top: -6px;
	left: -10.5px;
	width: 443px;
	height: 265px;
}

#world4_mob {
	padding: 0 0 85px;
}
#world4_mob h1 {
	text-align: center;
}
#world4_mob ul {
	margin: 0 auto;
	width: 900px;
}
#world4_mob li {
	clear: both;
	padding: 30px 0 10px;
}
#world4_mob li dt {
	width: 330px;
}
#world4_mob li dd figure {
	width: 496px;
	height: 294px;
}
#world4_mob li dd p {
	padding: 5px 0 0;
}
#world4_mob li.mob_left dt {
	display: block;
	float: left;
	padding: 0;
}
#world4_mob li.mob_left dd {
	float: right;
	padding: 0 35px 0 0;
}
#world4_mob li.mob_right dt {
	display: block;
	float: right;
	padding: 0;
}
#world4_mob li.mob_right dd {
	float: left;
	padding: 0 0 0 35px;
}
#world4_mob li#mob1 {
}
#world4_mob li#mob1 dt {
	position: relative;
	z-index: 2;
	padding: 90px 0 0 0;
	width: 345px;
	text-align: right;
}
#world4_mob li#mob1 dt img {
	position: absolute;
	left: 42px;
}
#world4_mob li#mob2 {
}
#world4_mob li#mob2 dt {
	padding: 50px 0 0 0;
	width: 310px;
}
#world4_mob li#mob2 dd {
	padding: 0 0 0 70px;
}
#world4_mob li#mob3 {
	padding: 20px 0 0;
}
#world4_mob li#mob3 dt {
	z-index: 3;
	position: relative;
	top:-20px;
	padding: 0 0 0 60px;
	width: 310px;
	text-align: right;
}
#world4_mob li#mob3 dd {
	padding: 35px 35px 0 0;
}
#world4_mob li#mob3 dd:last-child {
	padding: 20px 35px 0 0
}
#world4_mob li:last-child {
	padding: 20px 0 0;
}
#world4_mob li:last-child dt {
	position: relative;
	right: -14px;
	margin-left: -14px;
}
#world4_mob li:last-child dd {
	padding: 50px 0 0 35px;
}
#world4_mob li:last-child dd:last-child {
	padding: 15px 0 0 35px;
}
#world4_mob li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#world4_mob li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}


/*
	HOWTO
------------------------------------------------------------*/
#howto_contents {
	position: relative;
	padding: 180px 0 280px;
	background-image: url(../img/play/bg1_v2.png);
	background-position:  center top;
	background-repeat: no-repeat;
}

#howto_contents #top {
	padding: 30px 0 0;
	text-align: center;
}
#howto_contents #top p {
	padding: 30px 0 0;
}

#howto_contents .pager {
	padding: 40px 0 0;
}
#howto_contents .pager ul {
	margin: 0 auto;
	width: 962px;
	text-align: left;
}
#howto_contents .pager li {
	display: inline-block;
	position: relative;
	margin: 0 10px 10px 10px;
	padding: 0;
	width: 169px;
	height: 62px;
}
#howto_contents .pager li img.on,
#howto_contents .pager li img.off {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 169px;
	height: 62px;
	-webkit-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-moz-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-ms-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
}
#howto_contents .pager li img.new {
	position: absolute;
	top: -15px;
	right: 0;
}
#howto_contents .pager li .off {
}
#howto_contents .pager li .on {
	opacity: 0;
}
#howto_contents .pager li:hover .off,
#howto_contents .pager li.on .off {
	left: -21px;
	bottom: -5px;
	opacity: 0;
	width: 207px;
	height: 76px;
}
#howto_contents .pager li:hover .on,
#howto_contents .pager li.on .on {
	left: -21px;
	bottom: -5px;
	opacity: 1;
	width: 207px;
	height: 76px;
}

#howto1 {
	position: relative;
	margin: 60px auto 0;
	width: 993px;
	height: 886px;
	background: url(../img/play/howto_bg.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#howto1 h1 {
	position: relative;
	top: -25px;
	margin-bottom: 0;
	text-align: center;
}
#howto1 li {
	margin: 0 auto;
	width: 446px;
	text-align: center;
}
#howto1 li dl {
	position: relative;
}
#howto1 li dt {
	position: absolute;
	z-index: 2;
	top: -5px;
	right: -10px;
}
#howto1 li dd figure {
	display: block;
	width: 446px;
	height: 274px;
}
#howto1 li dd figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto1 li dd figure:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto1 li dd figcaption {
	display: inline-block;
	padding: 5px 0 0;
}
#howto1 li:first-child {
	padding: 0 0 30px;
	text-align: center;
}
#howto1 li:first-child dt {
	top: -15px;
	right: -20px;
}
#howto1 li:nth-child(2) {
	position: relative;
	padding: 0 0 0 40px;
	float: left;
}
#howto1 li:last-child {
	position: relative;
	padding: 0 43px 0 0;
	float: right;
}
#howto1 #howto_mob1 {
	position: absolute;
	display: block;
	top: 60px;
	right: 70px;
}
#howto1 #howto_mob2 {
	position: absolute;
	display: block;
	top: 207px;
	left: -80px;
}

#howto_info {
	position: relative;
	margin: 0 auto;
	padding: 50px 0 40px;
	width: 576px;
	text-align: center;
}
#howto_info #howto_mob3 {
	position: absolute;
	top: 310px;
	right: -160px;
}

#howto_contents.howto2 {
	padding: 180px 0 240px;
	background: url(../img/play/bg2_v2.png) center 0 no-repeat;
}

#howto2 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto2 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto2 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto2 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -30px;
	left: -10px;
}
#howto2 li:first-child dd {
	padding: 85px 30px 0 0;
}
#howto2 li:first-child dd.img {
	float: left;
	padding: 0 35px 0 0;
	width: 446px;
	height: 274px;
}
#howto2 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto2 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto2 li:nth-child(2) dt {
	position: absolute;
	z-index: 2;
	top: 130px;
	right: 120px;
}
#howto2 li:nth-child(2) dd {
	padding: 110px 0 0 5px;
}
#howto2 li:nth-child(2) #howto2_2_img1 {
	position: absolute;
	top: -30px;
	right: 230px;
	padding: 20px 0 0 30px;
	width: 355px;
	height: 228px;
}
#howto2 li:nth-child(2) #howto2_2_img2 {
	position: absolute;
	top: 130px;
	right: 50px;
	padding: 20px 0 0 30px;
	width: 355px;
	height: 228px;
}
#howto2 li:nth-child(2) #howto2_2_img1 img,
#howto2 li:nth-child(2) #howto2_2_img2 img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto2 li:nth-child(2) #howto2_2_img1:hover img,
#howto2 li:nth-child(2) #howto2_2_img2:hover img {
	top: -5px;
	left: -8.5px;
	width: 372px;
	height: 239px;
}
#howto2 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 60px;
	left: -10px;
}
#howto2 li:nth-child(3) dd {
	    float: right;
	padding: 140px 55px 0 0;
}
#howto2 li:nth-child(3) dd.img {
	float: left;
	padding: 70px 30px 0 0;
	width: 446px;
	height: 274px;
}
#howto2 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto2 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto2 li:last-child {
	clear: both;
	padding: 20px 0 50px;
	text-align: center;
}
#howto2 li:last-child dl {
	margin: 0 auto;
	width: 576px;
	height: 410px;
	background: url(../img/play/howto2_last_bg.png) center 0 no-repeat;
}
#howto2 li:last-child dl dt {
	position: relative;
	z-index: 2;
	top: -30px;
	left: -20px;
	margin-bottom: -99px;
	text-align: left;
}
#howto2 li:last-child dd {
	padding: 5px 0 0;
}
#howto2 li:last-child dd.img {
	margin: 0 auto;
	padding: 0;
	width: 468px;
	height: 263px;
}
#howto2 li:last-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 468px;
	height: 263px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto2 li:last-child dd.img:hover img {
	top: -4px;
	left: -12px;
	width: 491px;
	height: 276px;
}
#howto2 #howto_mob1 {
	position: absolute;
	display: block;
	top: 200px;
	right: -110px;
}
#howto2 #howto_mob2 {
	position: absolute;
	display: block;
	bottom: 40px;
	left: -70px;
}

#howto_contents.howto3 {
	padding: 180px 0 230px;
	background: url(../img/play/bg3_v2.png) center 0 no-repeat;
}
#howto3 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto3 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto3 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto3 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -35px;
	left: 170px;
}
#howto3 li:first-child dd {
	padding: 45px 30px 0 0;
}
#howto3 li:first-child dd.img {
	float: left;
	padding: 0 35px 0 0;
	width: 446px;
	height: 274px;
}
#howto3 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto3 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto3 li:nth-child(2) dt {
	position: absolute;
	z-index: 7;
	top: 205px;
	right: -25px;
}
#howto3 li:nth-child(2) dd {
	position: relative;
	z-index: 5;
	padding: 112px 0 0 5px;
}
#howto3 li:nth-child(2) dd.img {
	float: right;
	z-index: 6;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto3 li:nth-child(2) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto3 li:nth-child(2) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto3 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: -45px;
}
#howto3 li:nth-child(3) dd {
	float: right;
	padding: 115px 55px 0 0;
}
#howto3 li:nth-child(3) dd.img {
	float: left;
	padding: 70px 30px 0 0;
	width: 446px;
	height: 274px;
}
#howto3 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto3 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto3 li:last-child {
	clear: both;
	padding: 20px 0 50px;
	text-align: center;
}
#howto3 li:last-child dl {
	margin: 0 auto;
	width: 718px;
	height: 410px;
	background: url(../img/play/howto3_bg4.png) center 0 no-repeat;
}
#howto3 li:last-child dl dt {
	position: relative;
	z-index: 3;
	top: -30px;
	left: -20px;
	margin-bottom: -99px;
	text-align: left;
}
#howto3 li:last-child dd {
	padding: 285px 0 0;
}
#howto3 li:last-child #howto3_img4_1 {
	position: absolute;
	z-index: 2;
	top: 65px;
	left: 140px;
}
#howto3 li:last-child #howto3_img4_2 {
	position: absolute;
	top: 120px;
	right: 140px;
}
#howto3 li:last-child dd.img {
	margin: 0 auto;
	padding: 0;
	width: 374px;
	height: 210px;
}
#howto3 li:last-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 374px;
	height: 210px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto3 li:last-child dd.img:hover img {
	top: -5px;
	left: -9px;
	width: 393px;
	height: 220px;
}
#howto3 #howto3_mob {
	position: absolute;
	display: block;
	top: 215px;
	left: -90px;
}
#howto3 #howto3_arrow {
	position: absolute;
	z-index: 10;
	display: block;
	top: 245px;
	left: 400px;
}

#howto_contents.howto4 {
	padding: 180px 0 240px;
	background: url(../img/play/bg4_v2.png) center 0 no-repeat;
}
#howto4 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto4 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto4 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto4 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -35px;
	left: 170px;
}
#howto4 li:first-child dd {
	padding: 75px 30px 0 0;
}
#howto4 li:first-child dd.img {
	float: left;
	padding: 0 35px 0 0;
	width: 446px;
	height: 274px;
}
#howto4 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto4 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto4 li:nth-child(2) dt {
	position: absolute;
	z-index: 2;
	top: 205px;
	right: -25px;
}
#howto4 li:nth-child(2) dd {
	position: relative;
	z-index: 5;
	padding: 105px 0 0 5px;
}
#howto4 li:nth-child(2) dd.img {
	float: right;
	z-index: 6;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto4 li:nth-child(2) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto4 li:nth-child(2) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto4 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: -45px;
}
#howto4 li:nth-child(3) dd {
	float: right;
	padding: 105px 55px 0 0;
}
#howto4 li:nth-child(3) dd.img {
	float: left;
	padding: 45px 30px 0 0;
	width: 446px;
	height: 274px;
}
#howto4 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto4 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto4 li:last-child dl dt {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 360px;
}
#howto4 li:last-child dd {
	padding: 105px 0 0 5px;
}
#howto4 li:last-child dd.img {
	float: right;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto4 li:last-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto4 li:last-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto4 #howto4_mob1 {
	position: absolute;
	display: block;
	top: 150px;
	right: -90px;
}
#howto4 #howto4_mob2 {
	position: absolute;
	display: block;
	top: 980px;
	left: -50px;
}

#howto_contents.howto5 {
	padding: 180px 0 260px;
	background: url(../img/play/bg5_v2.png) center 0 no-repeat;
}
#howto5 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto5 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto5 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto5 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -6px;
	left: 330px;
}
#howto5 li:first-child dd {
	padding: 60px 30px 0 0;
}
#howto5 li:first-child dd.img {
	float: left;
	padding: 0 35px 0 0;
	width: 446px;
	height: 274px;
}
#howto5 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto5 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto5 li:nth-child(2) dt {
	position: absolute;
	z-index: 7;
	top: 244px;
	right: 9px;
}
#howto5 li:nth-child(2) dd {
	position: relative;
	z-index: 5;
	padding: 120px 0 0 5px;
}
#howto5 li:nth-child(2) dd.img {
	float: right;
	z-index: 6;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto5 li:nth-child(2) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto5 li:nth-child(2) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto5 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: -45px;
}
#howto5 li:nth-child(3) dd {
	float: right;
	padding: 105px 55px 0 0;
}
#howto5 li:nth-child(3) dd.img {
	float: left;
	padding: 45px 30px 0 0;
	width: 446px;
	height: 274px;
}
#howto5 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto5 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto5 li:nth-child(4) {
	position: relative;
}
#howto5 li:nth-child(4) dt {
	position: absolute;
	z-index: 7;
	top: 54px;
	right: 7px;
}
#howto5 li:nth-child(4) dd {
	padding: 124px 0 0;
}
#howto5 li:nth-child(4) #howto5_4_img1 {
	position: absolute;
	top: 0;
	right: 230px;
	padding: 25px 0 0 30px;
	width: 355px;
	height: 228px;
}
#howto5 li:nth-child(4) #howto5_4_img2 {
	position: absolute;
	top: 192px;
	right: 50px;
	padding: 0 0 0 30px;
	width: 355px;
	height: 228px;
}
#howto5 li:nth-child(4) #howto5_4_img1 img,
#howto5 li:nth-child(4) #howto5_4_img2 img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto5 li:nth-child(4) #howto5_4_img1:hover img,
#howto5 li:nth-child(4) #howto5_4_img2:hover img {
	top: -5px;
	left: -8.5px;
	width: 372px;
	height: 239px;
}
#howto5 li:last-child {
	clear: both;
	padding: 120px 0 50px;
	text-align: center;
}
#howto5 li:last-child dl {
	position: relative;
	margin: 0 auto;
	width: 576px;
	height: 436px;
	background: url(../img/play/howto5_bg5.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#howto5 li:last-child dl dt {
	position: absolute;
	z-index: 3;
	top: -7px;
	left: -27px;
}
#howto5 li:last-child dd {
	padding: 10px 0 0;
}
#howto5 li:last-child dd.img {
	margin: 0 auto;
	padding: 43px 0 0;
	width: 463px;
	height: 267px;
}
#howto5 li:last-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 463px;
	height: 267px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto5 li:last-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 486px;
	height: 280px;
}
#howto5 #howto5_mob1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: 486px;
	left: 221px;
}

#howto_contents.howto6 {
	padding: 180px 0 265px;
	background: url(../img/play/bg6_v2.png) center 0 no-repeat;
}
#howto6 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto6 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto6 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto6 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -6px;
	left: 330px;
}
#howto6 li:first-child dd {
	padding: 60px 30px 0 0;
}
#howto6 li:first-child dd.img {
	float: left;
	padding: 0 35px 0 0;
	width: 446px;
	height: 274px;
}
#howto6 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto6 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto6 li:nth-child(2) dt {
	position: absolute;
	z-index: 7;
	top: 244px;
	right: 9px;
}
#howto6 li:nth-child(2) dd {
	position: relative;
	z-index: 5;
	padding: 120px 0 0 5px;
}
#howto6 li:nth-child(2) dd.img {
	float: right;
	z-index: 6;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto6 li:nth-child(2) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto6 li:nth-child(2) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto6 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: -45px;
}
#howto6 li:nth-child(3) dd {
	float: right;
	padding: 105px 55px 0 0;
}
#howto6 li:nth-child(3) dd.img {
	position: relative;
	z-index: 11;
	float: left;
	padding: 45px 30px 0 0;
	width: 446px;
	height: 274px;
}
#howto6 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto6 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto6 li:nth-child(4) {
	position: relative;
}
#howto6 li:nth-child(4) #howto6_4_caption1 {
	 position: absolute;
	 z-index: 7;
	 top: 244px;
	 right: 315px;
}
#howto6 li:nth-child(4) #howto6_4_caption2 {
	position: absolute;
	z-index: 7;
	top: 104px;
	right: -5px;
}
#howto6 li:nth-child(4) dd {
	padding: 100px 0 0;
}
#howto6 li:nth-child(4) #howto6_4_img1 {
	float: right;
	z-index: 6;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto6 li:nth-child(4) #howto6_4_img1 img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto6 li:nth-child(4) #howto6_4_img1:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto6 li:nth-child(4) #howto6_4_img2 {
	position: absolute;
	top: -18px;
	right: -19px;
	padding: 0 0 0 30px;
	width: 153px;
	height: 153px;
}
#howto6 li:nth-child(4) #howto6_4_img2 img {
	position: relative;
	top: 0;
	left: 0;
	width: 153px;
	height: 153px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto6 li:nth-child(4) #howto6_4_img2:hover img {
	top: -3.5px;
	left: -3.5px;
	width: 160px;
	height: 160px;
}
#howto6 li:last-child {
	clear: both;
	padding: 20px 0 50px;
	text-align: center;
}
#howto6 li:last-child dl {
	position: relative;
	margin: 0 auto;
	width: 576px;
	height: 436px;
	background: url(../img/play/howto6_bg5.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#howto6 li:last-child dl dt {
	position: absolute;
	z-index: 3;
	top: -7px;
	left: -27px;
}
#howto6 li:last-child dd {
	padding: 10px 0 0;
}
#howto6 li:last-child dd.img {
	margin: 0 auto;
	padding: 43px 0 0;
	width: 463px;
	height: 267px;
}
#howto6 li:last-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 463px;
	height: 267px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto6 li:last-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 486px;
	height: 280px;
}
#howto6 #howto6_mob1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: 516px;
	left: 280px;
}

/*howto7*/
#howto_contents.howto7 {
	padding: 180px 0 260px;
	background: url(../img/play/bg7_v2.png) center 0 no-repeat;
}
#howto7 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto7 ul {
	margin: 70px auto 0;
	width: 910px;
}
#howto7 li {
	position: relative;
	padding: 0 0 50px;
}
#howto7 li:first-child {
	float: left;
}
#howto7 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -10px;
	left: -20px;
}
#howto7 li:first-child dd {
	padding: 0 0 0;
	text-align: center;
}
#howto7 li:first-child dd.img {
	padding: 0 0 0;
	width: 446px;
	height: 274px;
}
#howto7 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto7 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto7 li:first-child dd.mob {
	position: relative;
	z-index: 10;
	padding: 0;
}
#howto7 li:first-child dd.mob img {
	position: relative;
	top: -35px;
	display: block;
	margin: 0 auto -50px;
	text-align: center;
}
#howto7 li:nth-child(2) {
	float: right;
}
#howto7 li:nth-child(2) dt {
	position: absolute;
	z-index: 7;
	top: -10px;
	right: -10px;
}
#howto7 li:nth-child(2) dd {
	padding: 0;
	text-align: center;
}
#howto7 li:nth-child(2) dd.img {
	padding: 0 0 0;
	width: 446px;
	height: 274px;
}
#howto7 li:nth-child(2) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto7 li:nth-child(2) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto7 li:nth-child(2) dd.mob {
	position: relative;
	z-index: 10;
	padding: 0;
}
#howto7 li:nth-child(2) dd.mob img {
	position: relative;
	top: -55px;
	display: block;
	margin: 0 auto -78px;
	text-align: center;
}
#howto7 li:nth-child(3) {
	clear: both;
	padding: 15px 0 50px;
}

#howto7 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 20px;
	right: -55px;
}
#howto7 li:nth-child(3) dd {
	text-align: center;
}
#howto7 li:nth-child(3) dd.img {
	position: relative;
	margin: 0 auto;
	width: 446px;
	height: 274px;
}
#howto7 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto7 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto7 li:nth-child(3) dd#howto7_3_arrow1 {
	position: absolute;
	top: -50px;
	left: 200px;
}
#howto7 li:nth-child(3) dd#howto7_3_arrow2 {
	position: absolute;
	bottom: -23px;
	left: 200px;
}
#howto7 li:nth-child(4) {
	 position: relative;
	 float: left;
}
#howto7 li:nth-child(4) dt {
	position: absolute;
	z-index: 7;
	top: 0;
	left: -20px;
}
#howto7 li:nth-child(4) dd {
	padding: 0 0 0;
}
#howto7 li:nth-child(4) dd.img {
	padding: 20px 0 0 0;
	width: 446px;
	height: 274px;
}
#howto7 li:nth-child(4) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto7 li:nth-child(4) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto7 li:nth-child(4) dd.mob {
	position: relative;
	z-index: 10;
	padding: 0;
}
#howto7 li:nth-child(4) dd.mob img {
	position: relative;
	top: -55px;
	display: block;
	margin: 0 auto -78px;
	text-align: center;
}
#howto7 li:nth-child(5) {
	position: relative;
	float: right;
}
#howto7 li:nth-child(5) dt {
	position: absolute;
	z-index: 7;
	top: 0px;
	right: -10px;
}
#howto7 li:nth-child(5) dd {
	padding: 0 0 0;
}
#howto7 li:nth-child(5) dd.img {
	padding: 20px 0 0 0;
	width: 446px;
	height: 274px;
}
#howto7 li:nth-child(5) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto7 li:nth-child(5) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto7 li:nth-child(5) dd.mob {
	position: relative;
	z-index: 10;
	padding: 0;
}

#howto7 li:nth-child(5) dd.mob img {
	position: relative;
	top: -77px;
	display: block;
	margin: 0 auto -102px;
	text-align: center;
}
#howto7 li:last-child {
	clear: both;
	padding: 20px 0 20px;
	text-align: center;
}
#howto7 li:last-child dl {
	margin: 0 auto;
	width: 718px;
	height: 410px;
	background: url(../img/play/howto7_bg6.png) center 0 no-repeat;
}
#howto7 li:last-child #howto7_6_caption1 {
	position: absolute;
	z-index: 3;
	top: 5px;
	left: 63px;
}
#howto7 li:last-child #howto7_6_caption2 {
	position: absolute;
	z-index: 3;
	top: 53px;
	right: 48px;
}
#howto7 li:last-child dd {
	padding: 320px 0 0;
}
#howto7 li:last-child #howto7_img6_1 {
	position: absolute;
	z-index: 2;
	top: 65px;
	left: 140px;
}
#howto7 li:last-child #howto7_img6_2 {
	position: absolute;
	top: 120px;
	right: 140px;
}
#howto7 li:last-child dd.img {
	margin: 0 auto;
	padding: 0;
	width: 374px;
	height: 210px;
}
#howto7 li:last-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 374px;
	height: 210px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto7 li:last-child dd.img:hover img {
	top: -5px;
	left: -9px;
	width: 393px;
	height: 220px;
}

/*howto8*/
#howto_contents.howto8 {
	padding: 180px 0 280px;
	background: url(../img/play/bg8_v2.png) center 0 no-repeat;
}
#howto8 {
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px;
	width: 988px;
}
#howto8 ul {
	margin: 70px auto 0;
	width: 988px;
}
#howto8 li {
	position: relative;
	padding: 0;
	width: 494px;
	height: 944px;
}
#howto8 li dt {
	position: relative;
	top: -15px;
	text-align: center;
}
#howto8 li .read {
	padding: 0 0 30px;
	text-align: center;
}
#howto8 li figcaption {
	position: relative;
	z-index: 3;
	display: block;
	padding: 10px 0 0;
	text-align: center;
}
#howto8 li .box1 {
	position: relative;
	padding: 30px 0 0 30px;
	width: 355px;
	text-align: center;
}
#howto8 li .box1 .chara {
	position: absolute;
	top: -50px;
	right: -130px;
}
#howto8 li .box2 {
	position: relative;
	padding: 30px 0 0 110px;
	width: 355px;
}
#howto8 li .box2 .mob {
	position: absolute;
	top: -50px;
	left: -30px;
}
#howto8 li .img {
	padding: 0 0 0;
	width: 355px;
	height: 228px;
}
#howto8 li .img img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto8 li .img:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto8 li:first-child {
	float: left;
	background: url(../img/play/howto8_bg1.png) center 0 no-repeat;
	background-size: contain;
}
#howto8 li:first-child .chara {
	top: -50px;
	right: -130px;
}
#howto8 li:first-child .mob {
	top: 30px;
	left: -55px;
}
#howto8 li:nth-child(2) {
	float: right;
	background: url(../img/play/howto8_bg2.png)center 0 no-repeat;
	background-size: contain;
}
#howto8 li:nth-child(2) .read {
	padding: 0;
}
#howto8 li:nth-child(2) .chara {
	top: -16px;
	right: -164px;
}
#howto8 li:nth-child(2) .mob {
	top: 3px;
	left: -30px;
}

/*howto9*/
#howto_contents.howto9 {
	padding: 180px 0 230px;
	background: url(../img/play/bg9_v2.png) center 0 no-repeat;
}
#howto9 {
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px;
	width: 988px;
}
#howto9 ul {
	margin: 70px auto 0;
	width: 988px;
}
#howto9 li {
	position: relative;
	padding: 0;
	width: 494px;
	height: 514px;
}
#howto9 li dt {
	position: relative;
	top: -15px;
	text-align: center;
}
#howto9 li .read {
	padding: 0 0 30px;
	text-align: center;
}
#howto9 li figcaption {
	position: relative;
	z-index: 3;
	display: block;
	padding: 10px 0 0;
	text-align: center;
}
#howto9 li .img {
	margin: 0 auto;
	padding: 0 0 0;
	width: 355px;
	height: 228px;
}
#howto9 li .img img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto9 li .img:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto9 li:first-child {
	width: 994px;
	height: 556px;
	background: url(../img/play/howto9_bg1.png) center 0 no-repeat;
	background-size: contain;
	text-align: center;
}
#howto9 li:first-child .read {
	padding: 0 0 20px;
	text-align: center;
}
#howto9 li:first-child .box1 {
	position: relative;
	display: inline-block;
	padding: 0 7px;
	width: 446px;
	text-align: center;
}
#howto9 li:first-child .box2 {
	position: relative;
	display: inline-block;
	padding: 0 7px;
	width: 446px;
}
#howto9 li:first-child .img {
	width: 446px;
	height: 274px;
}
#howto9 li:first-child .img img {
	width: 446px;
	height: 274px;
}
#howto9 li:first-child .img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto9 li:nth-child(2) {
	float: left;
	margin: 30px 0 0;
	background: url(../img/play/howto9_bg2.png)center 0 no-repeat;
	background-size: contain;
}
#howto9 li:nth-child(3) {
	float: right;
	margin: 30px 0 0;
	background: url(../img/play/howto9_bg3.png)center 0 no-repeat;
	background-size: contain;
}
#howto9 #howto9_mob1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: -10px;
	right: 25px;
}

#howto_contents.howto10 {
	padding: 180px 0 270px;
	background: url(../img/play/bg10_v2.png) center 0 no-repeat;
}
#howto10 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto10 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto10 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto10 li.img_left dd {
	float: right;
}
#howto10 li.img_left dd.img {
	float: left;
}
#howto10 li.img_right dd {
	float: left;
}
#howto10 li.img_right dd.img {
	float: right;
}
#howto10 li dd.img {
	width: 446px;
	height: 274px;
}
#howto10 li dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto10 li dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto10 li:first-child dd {
	padding: 60px 30px 0 0;
}
#howto10 li:first-child dd.caption {
	position: absolute;
	top: -12px;
	right: 58px;
}
#howto10 li:first-child #howto10_1_img1 {
	position: absolute;
	top: -40px;
	right: 240px;
	padding: 0;
	width: 355px;
	height: 228px;
}
#howto10 li:first-child #howto10_1_img1 figcaption {
	position: absolute;
	top: 20px;
	left: 10px;
}
#howto10 li:first-child #howto10_1_img2 {
	position: absolute;
	top: 130px;
	right: 60px;
	padding: 0;
	width: 355px;
	height: 228px;
}
#howto10 li:first-child #howto10_1_img2 figcaption{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#howto10 li:first-child dd .img {
	display: block;
	width: 355px;
	height: 228px;
}
#howto10 li:first-child dd .img img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto10 li:first-child dd .img:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto10 li:nth-child(2) {
	position: relative;
}
#howto10 li:nth-child(2) dt {
	position: absolute;
	z-index: 7;
	top: 90px;
	left: 6px;
}
#howto10 li:nth-child(2) dd {
	padding: 185px 50px 0 0;
}
#howto10 li:nth-child(2) dd.img {
	padding: 128px 0 0 0;
}
#howto10 li:nth-child(3) dd {
	padding: 115px 0 0 0;
}
#howto10 li:nth-child(3) dd.img {
	padding: 48px 20px 0 0;
}
#howto10 li:nth-child(4) {
	position: relative;
}
#howto10 li:nth-child(4) dt {
}
#howto10 li:nth-child(4) dd {
	padding: 105px 0 0 0;
}
#howto10 li:nth-child(4) dd.img {
	padding: 48px 50px 0 0;
}
#howto10 #howto10_mob1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: 181px;
	left: 278px;
}

/* howto11 */
#howto_contents.howto11 {
	padding: 180px 0 225px;
	background: url(../img/play/bg11_v2.png) center 0 no-repeat;
}
#howto11 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto11 ul {
	margin: 120px auto 0;
	width: 900px;
}
#howto11 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto11 li.img_left dd {
	float: right;
}
#howto11 li.img_left dd.img {
	float: left;
}
#howto11 li.img_right dd {
	float: left;
}
#howto11 li.img_right dd.img {
	float: right;
}
#howto11 li dd.img {
	width: 446px;
	height: 274px;
}
#howto11 li dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto11 li dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto11 li:first-child dd {
	padding: 60px 30px 0 0;
}
#howto11 li:first-child #howto11_1_img1 {
	position: absolute;
	top: -40px;
	right: 240px;
	padding: 0;
	width: 355px;
	height: 228px;
}
#howto11 li:first-child #howto11_1_img1 figcaption {
	position: absolute;
	top: 20px;
	left: 10px;
}
#howto11 li:first-child #howto11_1_img2 {
	position: absolute;
	top: 130px;
	right: 60px;
	padding: 0;
	width: 355px;
	height: 228px;
}
#howto11 li:first-child #howto11_1_img2 figcaption{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#howto11 li:first-child dd .img {
	display: block;
	width: 355px;
	height: 228px;
}
#howto11 li:first-child dd .img img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto11 li:first-child dd .img:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto11 li:nth-child(2) {
	position: relative;
}
#howto11 li:nth-child(2) dd {
	padding: 185px 50px 0 0;
}
#howto11 li:nth-child(2) dd.img {
	padding: 128px 0 0 0;
}
#howto11 li:nth-child(3) {
	position: relative;
}
#howto11 li:nth-child(3) dt {
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 390px;
}
#howto11 li:nth-child(3) dd {
	padding: 115px 0 0 0;
}
#howto11 li:nth-child(3) dd.img {
	padding: 48px 45px 0 0;
}
#howto11 #howto11_chara1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: 130px;
	left: 300px;
}

/*howto12*/
#howto_contents.howto12 {
	padding: 180px 0 265px;
	background: url(../img/play/bg12.png) center 0 no-repeat;
}
#howto12 {
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px;
	width: 988px;
}
#howto12 ul {
	margin: 50px auto 0;
	width: 988px;
}
#howto12 li {
	position: relative;
	padding: 0;
	width: 494px;
	height: 458px;
}
#howto12 li dt {
	position: relative;
	top: -15px;
	text-align: center;
}
#howto12 li .read {
	padding: 0 0 30px;
	text-align: center;
}
#howto12 li .box3 {
	padding: 10px 0 5px;
}
#howto12 li figcaption {
	position: relative;
	z-index: 3;
	display: block;
	padding: 10px 0 0;
	text-align: center;
}
#howto12 li .img {
	margin: 0 auto;
	padding: 0 0 0;
	width: 355px;
	height: 228px;
}
#howto12 li .img img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto12 li .img:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto12 li:first-child {
	width: 994px;
	height: 574px;
	background: url(../img/play/howto12_bg1.png) center 0 no-repeat;
	background-size: contain;
}
#howto12 li:first-child dl {
	position: relative;
}
#howto12 li:first-child dt {
	padding: 0 0 0 82px;
	text-align: left;
}
#howto12 li:first-child .box1 {
	position: relative;
	padding: 10px 0 0 80px;
}
#howto12 li:first-child .box1 figcaption {
	position: absolute;
	top: 41px;
	right: 240px;
}
#howto12 li:first-child .box2 {
	position: absolute;
	top: 232px;
	right: 88px;
}
#howto12 li:first-child .box2 figcaption {
	position: absolute;
	top: 184px;
	right: 472px;
}
#howto12 li:first-child .img {
	margin: 0;
	width: 446px;
	height: 274px;
}
#howto12 li:first-child .img img {
	width: 446px;
	height: 274px;
}
#howto12 li:first-child .img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto12 li:nth-child(2) {
	float: left;
	margin: 30px 0 0;
	background: url(../img/play/howto12_bg2.png)center 0 no-repeat;
	background-size: contain;
}
#howto12 li:nth-child(3) {
	float: right;
	margin: 30px 0 0;
	background: url(../img/play/howto12_bg3.png)center 0 no-repeat;
	background-size: contain;
}
#howto12 #howto12_mob1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: -52px;
	right: -49px;
}

/*howto13*/
#howto_contents.howto13 {
	padding: 180px 0 250px;
	background: url(../img/play/bg13.png) center 0 no-repeat;
}
#howto13 {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#howto13 ul {
	margin: 70px auto 0;
	width: 900px;
}
#howto13 li {
	clear: both;
	position: relative;
	padding: 0 0 50px;
}
#howto13 li:first-child dt {
	position: absolute;
	z-index: 2;
	top: -6px;
	left: 330px;
}
#howto13 li:first-child dd {
	padding: 60px 30px 0 0;
}
#howto13 li:first-child dd.img {
	float: left;
	padding: 0 35px 0 0;
	width: 446px;
	height: 274px;
}
#howto13 li:first-child dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto13 li:first-child dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto13 li:nth-child(2) dt {
	position: absolute;
	z-index: 7;
	top: 244px;
	right: 9px;
}
#howto13 li:nth-child(2) dd {
	position: relative;
	z-index: 5;
	padding: 120px 0 0 5px;
}
#howto13 li:nth-child(2) dd.img {
	float: right;
	z-index: 6;
	padding: 45px 50px 0 0;
	width: 446px;
	height: 274px;
}
#howto13 li:nth-child(2) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto13 li:nth-child(2) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto13 li:nth-child(3) dt {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: -45px;
}
#howto13 li:nth-child(3) dd {
	float: right;
	padding: 105px 55px 0 0;
}
#howto13 li:nth-child(3) dd.img {
	position: relative;
	z-index: 11;
	float: left;
	padding: 45px 30px 0 0;
	width: 446px;
	height: 274px;
}
#howto13 li:nth-child(3) dd.img img {
	position: relative;
	top: 0;
	left: 0;
	width: 446px;
	height: 274px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto13 li:nth-child(3) dd.img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}

/*howto14*/
#howto_contents.howto14 {
	padding: 180px 0 265px;
	background: url(../img/play/bg12.png) center 0 no-repeat;
}
#howto14 {
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px;
	width: 988px;
}
#howto14 ul {
	margin: 20px auto 0;
	width: 988px;
}
#howto14 li {
	position: relative;
	padding: 0;
	width: 494px;
	height: 462px;
}
#howto14 li dt {
	position: relative;
	top: -15px;
	text-align: center;
}
#howto14 li .read {
	padding: 0 0 30px;
	text-align: center;
}
#howto14 li .box3 {
	padding: 10px 0 5px;
}
#howto14 li figcaption {
	position: relative;
	z-index: 3;
	display: block;
	padding: 10px 0 0;
	text-align: center;
}
#howto14 li .img {
	margin: 0 auto;
	padding: 0 0 0;
	width: 355px;
	height: 228px;
}
#howto14 li .img img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#howto14 li .img:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto14 li:nth-child(1) {
	float: left;
	margin: 30px 0 0;
	background: url(../img/play/howto14_bg1.png)center 0 no-repeat;
	background-size: contain;
}
#howto14 li:nth-child(2) {
	float: right;
	margin: 30px 0 0;
	background: url(../img/play/howto14_bg2.png)center 0 no-repeat;
	background-size: contain;
}
#howto14 li:last-child {
	clear: both;
	width: 994px;
	height: 574px;
	background: url(../img/play/howto14_bg3.png) center 0 no-repeat;
	background-size: contain;
}
#howto14 li:last-child dl {
	position: relative;
}
#howto14 li:last-child dt {
	padding: 0 0 0 82px;
	text-align: left;
}
#howto14 li:last-child .box1 {
	position: relative;
	padding: 15px 0 0 70px;
}
#howto14 li:last-child .box1 figcaption {
	position: absolute;
	top: 45px;
	right: 195px;
}
#howto14 li:last-child .box2 {
	position: absolute;
	top: 228px;
	right: 65px;
}
#howto14 li:last-child .box2 figcaption {
	position: absolute;
	top: 207px;
	right: -35px;
}
#howto14 li:last-child .img {
	margin: 0;
	width: 446px;
	height: 274px;
}
#howto14 li:last-child .img img {
	width: 446px;
	height: 274px;
}
#howto14 li:last-child .img:hover img {
	top: -7px;
	left: -11px;
	width: 468px;
	height: 287px;
}
#howto14 li:last-child .img.img2 {
	position: absolute;
	top: 200px;
	left: 110px;
}
#howto14 li:last-child .img.img1,
#howto14 li:last-child .img.img2 {
	margin: 0;
	width: 355px;
	height: 228px;
}
#howto14 li:last-child .img.img1 img,
#howto14 li:last-child .img.img2 img {
	width: 355px;
	height: 228px;
}
#howto14 li:last-child .img.img1:hover img,
#howto14 li:last-child .img.img2:hover img {
	top: -5px;
	left: -8px;
	width: 372px;
	height: 239px;
}
#howto14 #howto14_mob1 {
	position: absolute;
	z-index: 10;
	display: block;
	top: 465px;
	right: 20px;
}


/*
	CHARACTER
------------------------------------------------------------*/
#chara_contents {
	position: relative;
	padding: 220px 0 100px;
	background-image: url(../img/character/bg.png);
	background-position:  center 0;
	background-repeat: no-repeat;
}
#chara_contents.chara2 {
	background-image: url(../img/character/bg2_v2.png);
}
#chara_contents.chara3 {
	background-image: url(../img/character/bg3.png);
}

#chara_contents .pager {
	padding: 0 0 10px;
}
#chara_contents .pager ul {
	text-align: center;
}
#chara_contents .pager li {
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
	padding: 0;
	width: 69px;
	height: 195px;
}
#chara_contents .pager li img.on,
#chara_contents .pager li img.off {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 69px;
	height: 166px;
	-webkit-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-moz-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-ms-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
}
#chara_contents .pager li img.new {
	position: absolute;
	bottom: 40px;
	right: -27px;
}
#chara_contents .pager li .off {
}
#chara_contents .pager li .on {
	opacity: 0;
}
#chara_contents .pager li:hover .off,
#chara_contents .pager li.on .off {
	left: -10.5px;
	bottom: 0;
	opacity: 0;
	width: 81px;
	height: 195px;
}
#chara_contents .pager li:hover .on,
#chara_contents .pager li.on .on {
	left: -10.5px;
	bottom: 0;
	opacity: 1;
	width: 81px;
	height: 195px;
}

#chara_contents #top {
	padding: 0;
	text-align: center;
}
#chara_contents #top p {
	padding: 40px 0 10px;
}

#chara_info {
	margin: 0 auto;
	padding: 80px 0 50px;
	width: 993px;
	background: url(../img/character/bg_chara.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#chara_info h1 {
	float: left;
	padding: 30px 40px 0 80px;
}
#chara_info ul {
	margin: 0 0 50px;
}
#chara_info ul li {
	float: right;
	padding: 0 80px 30px 0;
}
#chara_info ul li p {
	padding: 5px 0 0;
	text-align: center;
}
#chara_info ul li:last-child {
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 10px 0 0;
	width: 750px;
}
#chara_info ul li:last-child p {
	float: right;
	padding: 90px 0 0;
}
#chara_info ul li:last-child figure {
	float: left;
}
#chara_info li figure {
	width: 496px;
	height: 294px;
}
#chara_info li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#chara_info li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}

.chara_info_footer {
	margin: 0 auto;
	width: 916px;
	height: 372px;
	background: url(../img/character/bg_chara_bottom.png) center 0 no-repeat;
	background-size: 100% 100%;
}
.chara_info_footer p {
	float: left;
	padding: 122px 0 0 73px;
}
.chara_info_footer figure {
	position: relative;
	float: right;
	display: block;
	margin: 50px 50px 0 0;
	width: 478px;
	height: 269px;
}
.chara_info_footer figure > img {
	position: relative;
	top: 0;
	left: 0;
	width: 478px;
	height: 269px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.chara_info_footer figure:hover > img {
	top: -6px;
	left: -12px;
	width: 502px;
	height: 282px;
}
.chara_info_footer figcaption {
	position: absolute;
	top: -70px;
	right: -40px;
}

/*chara2*/
#chara2_info {
	margin: 0 auto;
	padding: 80px 0 50px;
	width: 993px;
	background: url(../img/character/bg_chara2.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#chara2_info h1 {
	float: left;
	padding: 0 40px 20px 100px;
}
#chara2_info ul {
	margin: 150px 0 0;
}
#chara2_info ul li {
	float: right;
	padding: 0 90px 30px 0;
}

#chara2_info ul li p {
	padding: 5px 0 0;
	text-align: center;
}
#chara2_info li figure {
	width: 496px;
	height: 294px;
}
#chara2_info li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#chara2_info li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}

/*chara3*/
#chara3_info {
	margin: 0 auto;
	padding: 80px 0 50px;
	width: 993px;
	background: url(../img/character/chara3_bg.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#chara3_info h1 {
	float: left;
	padding: 30px 40px 20px 50px;
}
#chara3_info ul {
	margin: 0 0 0;
}
#chara3_info ul li {
	float: right;
	padding: 0 90px 30px 0;
}
#chara3_info ul li p {
	padding: 5px 0 0;
	text-align: center;
}
#chara3_info li figure {
	width: 496px;
	height: 294px;
}
#chara3_info li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#chara3_info li figure:hover img  {
	top: -7px;
	left: -12.5px;
	width: 520px;
	height: 308px;
}
#chara3_info ul li#chara3_3 {
	position: relative;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0 0 30px;
	width: 780px;
}
#chara3_info ul li#chara3_3 figure {
	float: left;
}
#chara3_info ul li#chara3_3 figcaption {
	position: absolute;
	top: -30px;
	left: -70px;
}
#chara3_info ul li#chara3_3 p {
	float: right;
	padding: 85px 20px 0 0;
}
#chara3_info ul li#chara3_4 {
	position: relative;
	clear: both;
	float: none;
	margin: 20px auto 20px;
	padding: 0;
	width: 916px;
	height: 372px;
	background: url(../img/character/chara3_bg4.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#chara3_info ul li#chara3_4 figure {
	float: right;
}
#chara3_info ul li#chara3_4 figcaption {
	position: absolute;
	top: -30px;
	right: 10px;
}
#chara3_info ul li#chara3_4 p {
	float: left;
	padding: 110px 0 0px 70px;
}
#chara3_info ul li#chara3_4 figure {
	margin: 50px 50px 0 0;
	width: 478px;
	height: 269px;
}
#chara3_info ul li#chara3_4 figure img {
	width: 478px;
	height: 269px;
}
#chara3_info ul li#chara3_4 figure:hover img  {
	top: -6px;
	left: -12px;
	width: 502px;
	height: 282px;
}


/*
	MOVIE
------------------------------------------------------------*/
#shadow {
	background: url(../img/movie/bg_shadow.png) center top repeat-y;
}
#movie_contents {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 200px 0 140px;
	background: url(../img/movie/bg_bottom.png) center bottom no-repeat, url(../img/movie/bg_top2.png) center top no-repeat #93dcff;
}

#movie_contents img {
	vertical-align: top;
}

#movie_contents #top {
	padding: 0;
	text-align: center;
}
#movie_contents #top p {
	padding: 20px 0;
}

#movie_contents .pager {
	margin: 15px auto 34px;
	text-align: center;
}
#movie_contents .pager li {
	display: inline-block;
	position: relative;
	width: 187px;
	height: 69px;
	margin: 0 2px;
}
#movie_contents .pager li img.off {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 187px;
	height: 69px;
	-webkit-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-moz-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-ms-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
}
#movie_contents .pager li:hover img.off {
	left: -10px;
	bottom: -4px;
	width: 206px;
	height: 76px;
}
#movie_contents .pager li img.new {
	position: absolute;
	top: -10px;
	right: 6px;
}

.movie_block {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 100%;
	text-align: center;
}
.movie_block ul {
	margin: 0 auto;
	width: 900px;
}
.movie_block li {
	display: inline-block;
	padding: 10px 30px 0;
}
.movie_block li.block {
	display: block;
}
.movie_block li dt {
	position: relative;
	margin: 0 auto;
	width: 370px;
	height: 265px;
}
.movie_block li dt img.new {
	position: absolute;
	top: -7px;
	right: -2px;
}
.movie_block li dt a {
	display: block;
	width: 370px;
	height: 265px;
}
.movie_block li dt a img {
	position: relative;
	top: 0;
	left: 0;
	width: 370px;
	height: 265px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.movie_block li dt a:hover img {
	top: -9px;
	left: -6.5px;
	width: 388.5px;
	height: 278px;
}
.movie_block li dd {
	padding: 5px 0 0;
}

#movie_dance {
	height: 825px;
	padding-top: 34px;
	margin-bottom: 26px;
	text-align: center;
	background: url(../img/movie/egu_frame_v2.png) center bottom no-repeat;
}
#movie_dance dl {
	margin: 26px 0 31px;
}
#movie_dance dt {
	position: relative;
	width: 356px;
	height: 203px;
	margin: 0 auto;
}
#movie_dance dt img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 356px;
	height: 203px;
	-webkit-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-moz-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-ms-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
}
#movie_dance dt a:hover img {
	left: -9px;
	bottom: -5px;
	width: 374px;
	height: 213px;
}
#movie_dance dd {
	margin: -51px 0 0 -20px;
	position: relative;
	z-index: 10;
}

#movie_dance li {
	display: inline-block;
	margin: 0 42px;
}
#movie_dance li dl {
	margin: 0;
}
#movie_dance li dt {
	width: 287px;
	height: 165px;
}
#movie_dance li dt img {
	width: 287px;
	height: 165px;
}
#movie_dance li dt a:hover img {
	left: -7px;
	bottom: -4px;
	width: 301px;
	height: 173px;
}
#movie_dance li dd {
	margin: -35px 0 0 0;
}


/*
	ペーパークラフトダウンロード
------------------------------------------------------------*/
#papercraft_contents {
	position: relative;
	padding: 170px 0 170px;
	text-align: center;
	background: url(../img/papercraft/bg.png) no-repeat center top;
}
#papercraft_contents img {
	vertical-align: top;
}

#papercraft_top h1 {
	margin: 0 0 0 65px;
}
#papercraft_top p {
	margin: -44px 10px 25px 0;
}

#papercraft_info ul {
	width: 960px;
	margin: 0 auto;
}
#papercraft_info li {
	display: inline-block;
	margin: 0 8px 24px;
}
#papercraft_info li a {
	display: block;
	position: relative;
	margin: -100px 0 26px 34px;
	width: 340px;
	height: 74px;
}
#papercraft_info li a img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
	cursor: pointer;
	width: 340px;
	height: 74px;
}
#papercraft_info li a:hover img {
	top: -2px;
	left: -8px;
	width: 357px;
	height: 78px;
}

#papercraft_info dl {
	padding-top: 4px;
	margin-bottom: 24px;
	background: url(../img/papercraft/frame.png) no-repeat center top;
}
#papercraft_info dd {
	height: 384px;
	margin-right: 14px;
	padding-top: 8px;
}
#papercraft_info dd li {
	display: inline-block;
	margin: 0;
}
#papercraft_info dd li:first-child {
	margin-right: 9px;
}
#papercraft_info dd li:last-child {
	margin-left: -4px;
}
#papercraft_info dd li a {
	margin: 9px 0 0 14px;
	width: 250px;
}
#papercraft_info dd li:nth-child(2) a {
	margin-left: 7px;
}
#papercraft_info dd li a img {
	width: 250px;
}
#papercraft_info dd li a:hover img {
	left: -6px;
	width: 263px;
}


/*
	PRIVILEGE
------------------------------------------------------------*/
#contents.privilege {
	background: none;
	background-color: #fff;
}

#contents.privilege #title {
	top: 16px;
}

#privilege_contents {
	position: relative;
	padding: 143px 0 100px;
	background-image: url(../img/privilege/bg.jpg);
	background-position:  center 0;
	background-repeat: no-repeat;
}

#privilege_contents #top_attention {
	padding: 0 0 60px;
	text-align: center;
}

#privilege_contents #top {
	margin: 0 auto;
	padding: 0;
	width: 987px;
	height: 687px;
	background: url(../img/privilege/bg_top.png) center 0 no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
#privilege_contents #top h1 {
	position: relative;
	top: -35px;
	margin: 0 0 -35px;
}
#privilege_contents #top p {
	padding: 5px 0 30px;
}
#privilege_contents #top p:last-of-type {
	padding: 0;
	height: 166px;
}
#privilege_contents #top small {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 10px 50px 0;
	text-align: left;
}

#privilege_info {
	margin: 65px auto 0;
	padding: 0 0 40px;
	width: 987px;
	background: url(../img/privilege/bg_privilege.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#privilege_info > h1 {
	position: relative;
	top: -35px;
	margin: 0 0 -35px;
	text-align: center;
}

#privilege_contents #shop1 {

}
#privilege_contents #shop1 h1 {
	padding: 40px 0 10px;
	text-align: center;
}
#privilege_contents #shop1 ul {
	margin: 0 auto;
	width: 752px;
}
#privilege_contents #shop1 li.item {
	padding: 20px 0 20px;
	background: url(../img/privilege/bg_shop1.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#privilege_contents #shop1 li.item dl.spec {
	float: right;
	width: 50%;
	text-align: center;
}
#privilege_contents #shop1 li.item dl.spec dt {
	padding: 0 30px 0 0;
}
#privilege_contents #shop1 li.item dl.spec dd {
	padding: 10px 30px 0 0;
}
#privilege_contents #shop1 li.item dl.spec dt .logo {
	display: block;
	padding: 0 0 5px;
}
#privilege_contents #shop1 li.item dl dd small {
	display: block;
}
#privilege_contents #shop1 li.item figure.img {
	float: left;
	display: block;
	padding: 10px 0 0;
	width: 50%;
	height: 368px;
	text-align: center;
}
#privilege_contents #shop1 li.item .btn_set {
	clear: both;
	padding: 30px 0 0;
}
#privilege_contents #shop1 li.item .btn_set dt {
	float: left;
	width: 50%;
	text-align: right;
}
#privilege_contents #shop1 li.item .btn_set dt img {
	margin: 12px 30px 0 0;
}
#privilege_contents #shop1 li.item .btn_set dt.double img {
	margin: 0 30px 0 0;
}
#privilege_contents #shop1 li.item .btn_set dd {
	float: right;
	width: 50%;
}
#privilege_contents #shop1 li.item .btn_set dd ul {
	margin: 0 auto;
	width: 310px;
	text-align: center;
}
#privilege_contents #shop1 li.item .btn_set dd ul li {
	float: left;
	display: block;
	padding: 0 3px;
	width: 82px;
	height: 48px;
}
#privilege_contents #shop1 li.item .btn_set dd ul li a {
	position: relative;
	display: block;
	width: 82px;
	height: 48px;
	text-align: center;
}
#privilege_contents #shop1 li.item .btn_set dd ul li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 82px;
	height: 48px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#privilege_contents #shop1 li.item .btn_set dd ul li a:hover img {
	top: -1px;
	left: -2px;
	width: 86px;
	height: 50px;
}
#privilege_contents #shop1 li.item .btn_set dd ul li.vita {
	width: 121px;
}
#privilege_contents #shop1 li.item .btn_set dd ul li.vita a {
	width: 121px;
}
#privilege_contents #shop1 li.item .btn_set dd ul li.vita a img {
	width: 121px;
}
#privilege_contents #shop1 li.item .btn_set dd ul li.vita a:hover img {
	left: -3px;
	width: 127px;
}

#privilege_contents #shop2 {

}
#privilege_contents #shop2 > h1 {
	padding: 50px 0 10px;
	text-align: center;
}
#privilege_contents #shop2 > p {
	padding: 10px 0 20px;
	text-align: center;
}
#privilege_contents #shop2 ul {
	margin: 0 auto;
	width: 752px;
}
#privilege_contents #shop2 li.item {
	margin: 0 0 20px;
	padding: 20px 0 20px;
	background: url(../img/privilege/bg_shop2.png) center 0 no-repeat;
	background-size: 100% 100%;
}
#privilege_contents #shop2 li.item dl.spec {
	float: right;
	width: 50%;
	text-align: center;
}
#privilege_contents #shop2 li.item dl.spec dt {
	padding: 0 30px 0 0;
}
#privilege_contents #shop2 li.item dl.spec dt .logo {
	display: block;
	padding: 0 0 5px;
}
#privilege_contents #shop2 li.item dl.spec dd {
	padding: 10px 30px 0 0;
}
#privilege_contents #shop2 li.item dl.spec dd small {
	display: block;
}
#privilege_contents #shop2 li.item figure.img {
	float: left;
	display: block;
	padding: 0 0 0;
	width: 50%;
	height: 180px;
	text-align: center;
}
#privilege_contents #shop2 li.item .btn_set {
	clear: both;
	padding: 10px 0 0;
}
#privilege_contents #shop2 li.item .btn_set.line {
	margin: 10px 0 0;
	padding: 20px 0 0;
	background: url(../img/privilege/line_dotted.png) 65px 0 no-repeat;
}
#privilege_contents #shop2 li.item .btn_set dt {
	float: left;
	width: 50%;
	text-align: right;
}
#privilege_contents #shop2 li.item .btn_set dt img {
	margin: 12px 30px 0 0;
}
#privilege_contents #shop2 li.item .btn_set dt.double img {
	margin: 0 30px 0 0;
}
#privilege_contents #shop2 li.item .btn_set dd {
	float: right;
	width: 50%;
}
#privilege_contents #shop2 li.item .btn_set dd ul {
	margin: 0 auto;
	width: 310px;
	text-align: center;
}
#privilege_contents #shop2 li.item .btn_set dd ul li {
	float: left;
	display: block;
	padding: 0 3px;
	width: 82px;
	height: 48px;
}
#privilege_contents #shop2 li.item .btn_set dd ul li a {
	position: relative;
	display: block;
	width: 82px;
	height: 48px;
	text-align: center;
}
#privilege_contents #shop2 li.item .btn_set dd ul li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 82px;
	height: 48px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#privilege_contents #shop2 li.item .btn_set dd ul li a:hover img {
	top: -1px;
	left: -2px;
	width: 86px;
	height: 50px;
}
#privilege_contents #shop2 li.item .btn_set dd ul li.vita {
	width: 121px;
}
#privilege_contents #shop2 li.item .btn_set dd ul li.vita a {
	width: 121px;
}
#privilege_contents #shop2 li.item .btn_set dd ul li.vita a img {
	width: 121px;
}
#privilege_contents #shop2 li.item .btn_set dd ul li.vita a:hover img {
	left: -3px;
	width: 127px;
}


/*
	VITA
------------------------------------------------------------*/
#contents.vita {
	background: none;
	background-color: #fff;
}

#contents.vita #title {
	top: 16px;
}

#vita_top {
	padding: 35px 0 20px;
	text-align: center;
}

#vita_contents {
	position: relative;
	padding: 143px 0 100px;
	background-image: url(../img/vita/bg.jpg);
	background-position:  center 0;
	background-repeat: no-repeat;
}

#vita_infomation {
	margin: 0 auto;
	width: 987px;
	background: url(../img/vita/vita_bg.png) 0 center no-repeat;
	background-size: 100% 100%;
}
#vita_infomation h1 {
	position: relative;
	z-index: 10;
	padding: 40px 0 0;
	text-align: center;
}

#vita_infomation_contents {
	position: relative;
	top: -100px;
	margin: 0 auto -100px;
	padding: 0 0 60px;
	width: 797px;
	background: url(../img/vita/vita_contents_bg.png) 0 center no-repeat;
	background-size: 100% 100%;
}
#vita_infomation_contents li {
	padding: 20px 50px 0;
	line-height: 204px;
}
#vita_infomation_contents li figure > img {
	float: left;
	width: 362px;
	text-align: center;
}
#vita_infomation_contents li figcaption {
	float: right;
	width: 335px;
	text-align: center;
}

#vita_infomation_contents li.left figure > img {
	float: right;
}
#vita_infomation_contents li.left figcaption {
	float: left;
}
#vita_infomation_contents li img {
	vertical-align: middle;
}
#vita_infomation_contents li:first-child figure > img {
	width: 433px;
}
#vita_infomation_contents li:first-child figcaption {
	margin: 40px 0 0 -100px;
}

#vita_btn {
	padding: 60px 0 70px;
	text-align: center;
}
#vita_btn a {
	display: block;
	margin: 0 auto;
	width: 427px;
	height: 85px;
}
#vita_btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 427px;
	height: 85px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#vita_btn a:hover img {
	top: -2px;
	left: -10px;
	width: 448px;
	height: 89px;
}


/*
	PS4
------------------------------------------------------------*/
#contents.ps4 {
	background: none;
	background-color: #fff;
}

#contents.ps4 #title {
	top: 16px;
}

#ps4_top {
	padding: 35px 0 20px;
	text-align: center;
}

#ps4_contents {
	position: relative;
	padding: 143px 0 100px;
	background-image: url(../img/ps4/bg.jpg);
	background-position:  center 0;
	background-repeat: no-repeat;
}

#ps4_infomation {
	margin: 0 auto;
	width: 987px;
	background: url(../img/ps4/ps4_bg.png) 0 center no-repeat;
	background-size: 100% 100%;
}
#ps4_infomation > h1 {
	position: relative;
	z-index: 10;
	padding: 40px 0 0;
	text-align: center;
}
#ps4_infomation #ps4_read {
	text-align: center;
}

#ps4_section1 {
	position: relative;
	padding: 30px 0 0;
	height: 715px;
}
#ps4_section1 h1 {
	text-align: center;
}
#ps4_section1 #ps4_black {
	padding: 30px 0 0 80px;
}
#ps4_section1 #ps4_black > img {
	float: left;
}
#ps4_section1 #ps4_black figcaption {
	float: left;
	display: block;
	padding: 75px 0 0 0;
}
#ps4_section1 #ps4_white {
	position: absolute;
	top: 320px;
	right: 65px;
}
#ps4_section1 #ps4_white > img {
	float: right;
}
#ps4_section1 #ps4_white figcaption {
	float: right;
	display: block;
	padding: 250px 40px 0 0;
}

#ps4_section2 {
	padding: 30px 0 0;
	text-align: center;
}
#ps4_section2 figure {
	padding: 20px 0 0;
}

#ps4_section3 {
	padding: 40px 0 0;
	text-align: center;
}
#ps4_section3 figure {
	padding: 20px 0 0;
}

#ps4_btn {
	padding: 0 0 30px;
	text-align: center;
}
#ps4_btn a {
	display: block;
	margin: 0 auto;
	width: 427px;
	height: 144px;
}
#ps4_btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 427px;
	height: 144px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#ps4_btn a:hover img {
	top: -3.5px;
	left: -10px;
	width: 448px;
	height: 151px;
}


/*
	LAWSON
------------------------------------------------------------*/
#contents.lawson {
	background: none;
	background-color: #fff;
}

#lawson_contents {
	position: relative;
	padding: 0 0 160px;
	background-image: url(../img/lawson/bg.jpg);
	background-position:  center 0;
	background-repeat: no-repeat;
}

#lawson_top {
	padding: 45px 0 40px;
	background: url(../img/lawson/lawson_top_bg.png) center 0 no-repeat;
	text-align: center;
}
#lawson_top h2 {
	padding: 30px 0 0;
}
#lawson_top p {
	padding: 25px 0 0;
}

#lawson_infomation {
	position: relative;
	top: -10px;
	margin: 0 auto -10px;
	width: 987px;
	background: url(../img/lawson/lawson_bg.png) 0 center no-repeat;
	background-size: 100% 100%;
}
#lawson_infomation #lowson_shop {
	margin: 0 auto;
	width: 800px;
}
#lawson_infomation #lowson_shop li {
	text-align: center;
}
#lawson_infomation #lowson_shop1 {
	padding: 50px 0 0;
}
#lawson_infomation #lowson_shop2 {
	float: left;
}
#lawson_infomation #lowson_shop3 {
	float: right;
}
#lawson_infomation #lowson_shop4 {
	float: left;
	padding: 20px 0 0;
}
#lawson_infomation #lowson_shop5 {
	float: right;
	padding: 20px 0 0;
}

#lawson_infomation #lawson_goods {
	position: relative;
	padding: 25px 0 0;
}
#lawson_infomation #lawson_goods dt {
	padding: 50px 0 590px 100px;
	z-index: 3;
	position: relative;
}
#lawson_infomation #lawson_goods1 {
	position: absolute;
	z-index: 3;
	top: 40px;
	right: 100px;
}
#lawson_infomation #lawson_goods2 {
	position: absolute;
	top: 250px;
	left: 54px;
}
#lawson_infomation #lawson_goods3 {
	position: absolute;
	top: 443px;
	right: 130px;
}

#lawson_privilege {
	margin: 35px auto 0;
	padding: 0 0 30px;
	width: 827px;
	background: url(../img/lawson/lawson_net_bg.png) center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
#lawson_privilege h1 {
	padding: 30px 0 0;
}
#lawson_privilege p {
	padding: 25px 0 15px;
}
#lawson_privilege .lawson_net_btn {
	margin: 30px auto 0;
	width: 478px;
	height: 104px;
}
#lawson_privilege .lawson_net_btn a {
	display: block;
	margin: 0 auto;
	width: 478px;
	height: 104px;
}
#lawson_privilege .lawson_net_btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 478px;
	height: 104px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#lawson_privilege .lawson_net_btn a:hover img {
	top: -2.5px;
	left: -11px;
	width: 501px;
	height: 109px;
}

#lawson_niconico {
	margin: 40px auto 0;
	padding: 0;
	width: 827px;
	background: url(../img/lawson/lawson_net_bg.png) center center no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
#lawson_niconico h1 {
	padding: 30px 0 0;
}
#lawson_niconico h2 {
	padding: 20px 0 0;
}
#lawson_niconico p {
	padding: 20px 0 15px;
}

.lawson_btn {
	padding: 0 0 50px;
	text-align: center;
}
.lawson_btn a {
	display: block;
	margin: 0 auto;
	width: 440px;
	height: 76px;
}
.lawson_btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 440px;
	height: 76px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.lawson_btn a:hover img {
	top: -2px;
	left: -11px;
	width: 462px;
	height: 80px;
}


/*
	PS Store
------------------------------------------------------------*/
#contents.psstore {
	background: none;
	background-color: #fff;
}
#contents.psstore img {
	vertical-align: top;
}
#contents.psstore #title {
	top: 16px;
}

#psstore_top {
	padding: 25px 0 28px;
	text-align: center;
}
#psstore_top p {
	padding: 28px 0 0;
}

#psstore_contents {
	position: relative;
	padding: 143px 0 100px;
	background: url(../img/psstore/bg.jpg) no-repeat center top;
}

#psstore_dl {
	margin: 0 auto;
	width: 987px;
	height: 579px;
	text-align: center;
	background: url(../img/psstore/frame.png) no-repeat center top;
}
#psstore_dl h1 {
	padding: 41px 0 6px;
}

#psstore_btn {
	padding-top: 7px;
}
#psstore_btn a {
	display: block;
	margin: 0 auto;
	width: 440px;
	height: 93px;
}
#psstore_btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 440px;
	height: 93px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#psstore_btn a:hover img {
	top: -2.5px;
	left: -11px;
	width: 462px;
	height: 98px;
}


/*
	TV-CM 60秒ver.
------------------------------------------------------------*/
#contents.tvcm {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.tvcm img {
	vertical-align: top;
}
#contents.tvcm #title {
	top: 16px;
}

#tvcm_contents {
	position: relative;
	padding: 168px 0 100px;
	background: url(../img/tvcm/bg.jpg) no-repeat center top;
}

#tvcm_frame {
	margin: 27px auto 0;
	width: 987px;
	height: 1282px;
	padding-top: 76px;
	background: url(../img/tvcm/frame.png) no-repeat center top;
}
#tvcm_frame figure {
	margin: 44px 0 36px;
}


/*
	体験版配信決定
------------------------------------------------------------*/
#contents.trial {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.trial img {
	vertical-align: top;
}
#contents.trial #title {
	top: 16px;
}

#trial_top {
	padding: 25px 0 32px;
}
#trial_top p {
	padding: 28px 0 0;
}

#trial_contents {
	position: relative;
	padding: 143px 0 100px;
	/*background: url(../img/trial/bg_v3.jpg) no-repeat center top;*/
	background: url(../img/guideline/bg01.jpg) no-repeat center top, url(../img/guideline/bg03_v2.jpg) no-repeat center bottom, url(../img/guideline/bg02.jpg) repeat-y center top;
}

#event_info {
	width: 984px;
	height: 1507px;
	margin: 0 auto;
	padding-top: 50px;
	background: url(../img/trial/mozo_frame.png) no-repeat center top;
}
#event_info .lead {
	padding: 15px 0 26px;
}
#event_info p, #event_info dl {
	position: relative;
}
#event_info .slime {
	position: absolute;
	top: 58px;
	right: 130px;
}
#event_info .drakee {
	position: absolute;
	top: 140px;
	right: 35px;
}
#event_info .rabbit {
	position: absolute;
	top: 840px;
	left: 11px;
}

#event_info dt {
	margin: 26px 0 32px;
}
#event_info .more {
	margin: 36px 0 23px;
}

#event_info a {
	display: block;
	width: 440px;
	height: 76px;
	margin: 0 auto 11px;
}
#event_info a img {
	position: relative;
	top: 0;
	left: 0;
	width: 440px;
	height: 76px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#event_info a:hover img {
	top: -2.5px;
	left: -11px;
	width: 462px;
	height: 80px;
}

#trial_bnr a {
	display: block;
	width: 440px;
	height: 77px;
	margin: 53px auto 0;
}
#trial_bnr a img {
	position: relative;
	top: 0;
	left: 0;
	width: 440px;
	height: 77px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#trial_bnr a:hover img {
	top: -2.5px;
	left: -11px;
	width: 462px;
	height: 80px;
}


/*
	ガイドライン
------------------------------------------------------------*/
#contents.guideline {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.guideline img {
	vertical-align: top;
}
#contents.guideline #title {
	top: 16px;
}

#guideline_contents {
	position: relative;
	padding: 143px 0 120px;
	background: url(../img/guideline/bg01.jpg) no-repeat center top, url(../img/guideline/bg03_v2.jpg) no-repeat center bottom, url(../img/guideline/bg02.jpg) repeat-y center top;
}

#guideline_top {
	padding: 20px 0 30px;
}

#guideline_contents .pager ul {
	margin: 40px 0 0 49px;
	text-align: center;
}
#guideline_contents .pager li {
	display: inline-block;
	position: relative;
	margin: 0 30px;
	padding: 0;
	width: 267px;
	height: 98px;
}
#guideline_contents .pager li img.on,
#guideline_contents .pager li img.off {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 218px;
	height: 79px;
	-webkit-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-moz-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-o-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	-ms-transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
	transition: opacity .2s ease-out, height .2s ease-out, width .2s ease-out, left .2s ease-out, bottom .2s ease-out;
}
#guideline_contents .pager li img.new {
	position: absolute;
	top: -20px;
	right: 20px;
}
#guideline_contents .pager li .off {
}
#guideline_contents .pager li .on {
	opacity: 0;
}
#guideline_contents .pager li:hover .off,
#guideline_contents .pager li.on .off {
	left: -21px;
	bottom: -5px;
	opacity: 0;
	width: 267px;
	height: 98px;
}
#guideline_contents .pager li:hover .on,
#guideline_contents .pager li.on .on {
	left: -21px;
	bottom: -5px;
	opacity: 1;
	width: 267px;
	height: 98px;
}

#guideline_info {
	width: 772px;
	margin: 0 auto;
	padding: 26px 46px 54px;
	font-size: 116.7%;
	line-height: 1.64;
	text-align: left;
	background: url(../../assets210114/img/guideline/frame.png) center bottom no-repeat;
}
#guideline_info li {
	margin: 0 0 34px;
}
#guideline_info dt {
	margin: 2em 0;
	font-weight: bold;
	font-size: 114.3%;
}
#guideline_info h1.f_b {
	margin-bottom: 35px;
	padding-top: 9px;
	text-align: center;
	font-size: 128.6%;
}
#guideline_info ul li{
	list-style: disc inside;
}
#guideline_info ol li{
	list-style: decimal inside;
}

#guideline_contents .bnr a {
	display: block;
	width: 442px;
	height: 79px;
	margin: 55px auto 0;
}
#guideline_contents .bnr a img {
	position: relative;
	top: 0;
	left: 0;
	width: 442px;
	height: 79px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#guideline_contents .bnr a:hover img {
	top: -2px;
	left: -11px;
	width: 464px;
	height: 83px;
}


/*
	新宿ドラゴンクエストジャック
------------------------------------------------------------*/
#contents.shinjuku {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.shinjuku img {
	vertical-align: top;
}
#contents.shinjuku #title {
	top: 16px;
}

#shinjuku_contents {
	position: relative;
	padding: 143px 0 120px;
	background: url(../img/guideline/bg01.jpg) no-repeat center top, url(../img/guideline/bg03_v2.jpg) no-repeat center bottom, url(../img/guideline/bg02.jpg) repeat-y center top;
}
#shinjuku_top p {
	margin: 18px 0 -3px 5px;
}

#shinjuku_main {
	height: 3278px;
	padding-top: 52px;
	background: url(../img/shinjuku/frame01.png) no-repeat center top;
}
#shinjuku_main .view {
	margin: 26px 0 -28px;
}
#shinjuku_main dt {
	margin: 58px 0 20px;
}

#shinjuku_info {
	position: relative;
	padding: 0 0 49px;
	background: url(../img/shinjuku/frame02.png) no-repeat center bottom;
}
#shinjuku_info ul {
	width: 760px;
	position: absolute;
	top: 127px;
	left: 50%;
	margin-left: -380px;
}
#shinjuku_info li:first-child {
	margin-bottom: 65px;
}


/*
	パッチ修正のお知らせ
------------------------------------------------------------*/
#contents.patch {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.patch img {
	vertical-align: top;
}
#contents.patch #title {
	top: 16px;
}

#patch_contents {
	max-width: 1200px;
	margin: 0 auto;
	background: url(../img/patch/bg_top.png) center top no-repeat, url(../img/patch/bg_bottom.png) center bottom no-repeat;
	background-color: #97dfff;
}

#patch_contents .shadow {
	padding: 143px 0 103px;
	background: url(../img/patch/bg_shadow.png) center top repeat-y;
}

#patch_top {
	padding: 20px 0 30px;
}

#patch_info {
	width: 864px;
	margin: 0 auto;
	padding: 43px 0;
	font-size: 116.7%;
	line-height: 1.64;
	text-align: left;
	background: url(../img/patch/frame_t.png) center top no-repeat, url(../img/patch/frame_b.png) center bottom no-repeat;
}
#patch_info .inner {
	padding: 5px 46px;
	background: url(../img/patch/frame_c.png) center top repeat-y;
}
#patch_info .inner p + p {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 2px solid #999;
}


/*
	ニコニコ超会議
------------------------------------------------------------*/
#contents.chokaigi {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.chokaigi img {
	vertical-align: top;
}
#contents.chokaigi #title {
	top: 16px;
}

#chokaigi_contents {
	max-width: 1200px;
	height: 1690px;
	margin: 0 auto;
	background: url(../img/chokaigi/bg.jpg) center bottom no-repeat;
}

#chokaigi_top {
	padding: 156px 0 0;
}

#chokaigi_info {
	width: 928px;
	height: 1217px;
	margin: -4px auto 0;
	padding-top: 45px;
	background: url(../img/chokaigi/frame.png) center top no-repeat;
}
#chokaigi_info .lead {
	margin: 5px 0 14px;
}

#chokaigi_info .more a {
	display: block;
	width: 440px;
	height: 76px;
	margin: 21px auto 60px;
}
#chokaigi_info .more a img {
	position: relative;
	top: 0;
	left: 0;
	width: 440px;
	height: 76px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#chokaigi_info .more a:hover img {
	top: -2.5px;
	left: -11px;
	width: 462px;
	height: 80px;
}

#chokaigi_info .nico {
	height: 341px;
	background: url(../img/chokaigi/nico_bg.png) center top no-repeat;
}
#chokaigi_info .nico .txt {
	padding: 25px 0 47px;
}
#chokaigi_info .nico a {
	display: block;
	width: 342px;
	height: 52px;
	margin: 7px auto 0;
	padding-right: 8px;
}
#chokaigi_info .nico a img {
	position: relative;
	top: 0;
	left: 0;
	width: 342px;
	height: 52px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#chokaigi_info .nico a:hover img {
	top: -1.5px;
	left: -8.5px;
	width: 359px;
	height: 55px;
}


/*
	ヒーローズⅡ セーブデータ引き継ぎ特典
------------------------------------------------------------*/
#contents.heroes2 {
	background: none;
	background-color: #fff;
	text-align: center;
}
#contents.heroes2 img {
	vertical-align: top;
}
#contents.heroes2 #title {
	top: 16px;
}

#heroes2_contents {
	position: relative;
	padding: 143px 0 150px;
	background: url(../img/guideline/bg01.jpg) no-repeat center top, url(../img/heroes2/bg03.jpg) no-repeat center bottom, url(../img/guideline/bg02.jpg) repeat-y center top;
}
#heroes2_top p {
	margin: 18px 0 -3px 5px;
}

#heroes2_info {
	width: 984px;
	height: 1501px;
	margin: 27px auto 0;
	padding-top: 56px;
	background: url(../img/heroes2/frame.png) center top no-repeat;
}
#heroes2_info .photo {
	margin: 10px 244px 0 0;
}
#heroes2_info .btn a {
	display: block;
	width: 420px;
	height: 79px;
	margin: 18px auto 21px;
}
#heroes2_info .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 420px;
	height: 79px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#heroes2_info .btn a:hover img {
	top: -2px;
	left: -11px;
	width: 441px;
	height: 83px;
}


/*
	アレフガルドコンテスト
------------------------------------------------------------*/
#contents.contest {
	text-align: center;
	background: url(../img/contest/bg_body.jpg) repeat;
}
#contents.contest img {
	vertical-align: top;
}
#contents.contest #title {
	top: 16px;
}

#contest_contents {
	position: relative;
}

#contest_top {
	position: relative;
	padding: 34px 0 24px;
	background: url(../img/contest/bg_top.png) center bottom no-repeat;
}
#contest_top h1 {
	width: 934px;
	margin: 0 auto 28px;
	text-align: left;
}
#contest_top p.thanks {
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: 138px;
}

#contest_info {
	position: relative;
	width: 974px;
	margin: 0 auto;
	padding: 13px 0 46px;
	background: url(../img/contest/bg_main.png) repeat-y;
}

#contest_info .explain {
	margin: 17px 0 0 52px;
	text-align: left;
}
#contest_info .tw_timeline {
	width: 324px;
	height: 324px;
	background: url(../img/contest/tw_bg.png) center bottom no-repeat;
	position: absolute;
	bottom: 45px;
	left: 55px;
}
#contest_info .tw_timeline dd {
	width: 270px;
	margin: 0 auto;
	padding-top: 5px;
}

/* 結果発表 */
#award {
	margin-bottom: 57px;
	/*height: 1219px;
	margin: 13px 0 57px;
	background: url(../img/contest/award4_bg.png) center 33px no-repeat;*/
}

.award5 {
	height: 793px;
	padding-top: 22px;
	background: url(../img/contest/award5_bg1.png) center top no-repeat;
}
.award4 {
	height: 769px;
	padding-top: 43px;
	background: url(../img/contest/award5_bg2.png) center top no-repeat;
}
.award3 {
	height: 1247px;
	padding-top: 43px;
	background: url(../img/contest/award5_bg3.png) center top no-repeat;
}
.award2 {
	height: 801px;
	padding-top: 43px;
	background: url(../img/contest/award5_bg4.png) center top no-repeat;
}

#award h2 {
	margin-bottom: 17px;
}
#award .prize li {
	display: inline-block;
	width: 398px;
}
#award .award4 .prize {
	margin-left: 2px;
}
#award .award4 .prize li:first-child {
	margin-right: -2px;
}
#award dd .prize li {
	margin: 1px 0 27px;
}

#award .btn {
	margin: 25px auto 0;
}
#award .btn li {
	position: relative;
	display: inline-block;
	width: 270px;
	height: 76px;
	margin: 0 3px;
}
#award .btn li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 270px;
	height: 76px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#award .btn li a:hover img {
	top: -2px;
	left: -7px;
	width: 284px;
	height: 80px;
}

#award .thumb {
	margin: 29px 0 0 151px;
}
#award .thumb dd {
	padding: 23px 0 0 218px;
	text-align: left;
}
#award .thumb dt {
	position: relative;
	float: left;
	width: 204px;
	height: 124px;
}
#award .thumb dt a img {
	position: relative;
	top: 0;
	left: 0;
	width: 204px;
	height: 124px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#award .thumb dt a:hover img {
	top: -3px;
	left: -5px;
	width: 214px;
	height: 130px;
}

#award .past dt {
	margin: 24px 0 11px;
}
#award .past dd a {
	position: relative;
	display: inline-block;
	width: 270px;
	height: 66px;
	margin: 0 3px;
}
#award .past dd a img {
	position: relative;
	top: 0;
	left: 0;
	width: 270px;
	height: 66px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#award .past dd a:hover img {
	top: -2px;
	left: -7px;
	width: 284px;
	height: 69px;
}


/* テーマ */
#theme {
	position: relative;
	height: 741px;
	margin: 7px 0 18px;
	background: url(../img/contest/theme_bg_v2.png) center 40px no-repeat;
}
#theme h2 {
	margin-bottom: 10px;
}
#theme li {
	display: inline-block;
	width: 438px;
	margin-bottom: 15px;
}
#theme li:last-child {
	width: auto;
	margin-right: 30px;
}
#theme .twbtn a {
	display: block;
	width: 458px;
	height: 94px;
	margin: 24px auto 0;
}
#theme .twbtn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 458px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#theme .twbtn a:hover img {
	top: -2px;
	left: -11px;
	width: 481px;
	height: 98px;
}
#theme .drakee {
	position: absolute;
	bottom: -2px;
	left: 42px;
}

/* 今後の予定 */
#schedule {
	position: relative;
	height: 216px;
	margin-top: 37px;
	padding-top: 52px;
	text-align: left;
	background: url(../img/contest/schedule_bg4.png) center top no-repeat;
}
#schedule h3 {
	margin-left: 104px;
}
#schedule ul {
	margin: 13px 0 0 99px;
}
#schedule li {
	padding-left: 15px;
}
#schedule li + li {
	padding-top: 45px;
	background: url(../img/contest/schedule_line.png) left top no-repeat;
}
#schedule .chara {
	position: absolute;
	top: 30px;
	right: 33px;
}

/* ガイドライン */
#contest_info .guidebtn a {
	display: block;
	width: 458px;
	height: 94px;
	margin: 0 0 5px 441px;
}
#contest_info .guidebtn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 458px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#contest_info .guidebtn a:hover img {
	top: -2px;
	left: -11px;
	width: 481px;
	height: 98px;
}

#contest_info .notes {
	/*display: inline-block;*/
	width: 503px;
	margin-left: 420px;
	font-size: 116.7%;
	line-height: 1.714;
	text-align: left;
}
#contest_info .notes li {
	padding-left: 1em;
	text-indent: -1em;
}



/*	ノミネート作品
------------------------------------*/
#contents.contest #title.result {
	top: 9px;
	margin-left: -317px;
	width: 201px;
	height: 102px;
}
#contents.contest #title.result img {
	width: 201px;
	height: 102px;
}
#contents.contest #title.result a:hover img {
	top: -2.5px;
	left: -5px;
	width: 211px;
	height: 107px;
}

#contest_contents.result {
	width: 974px;
	margin: 0 auto;
	padding: 75px 0 30px;
	background: url(../img/contest/bg_main.png) repeat-y;
}

#result_top p {
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -92px;
}

#result_info {
	width: 874px;
	margin: 0 auto;
}

/* テーマ別背景 */
#result_info #story, #result_info #free, #result_info #character {
	padding-top: 36px;
}
#result_info .story2 {
	height: 998px;
	background: url(../img/contest/img_story2_bg.png) center top no-repeat;
}
#result_info .story3 {
	height: 2318px;
	background: url(../img/contest/img_story3_bg.png) center top no-repeat;
}
#result_info .story4 {
	height: 2198px;
	background: url(../img/contest/img_story4_bg.png) center top no-repeat;
}
#result_info .story5 {
	height: 1898px;
	background: url(../img/contest/img_story5_bg.png) center top no-repeat;
}
#result_info .free2 {
	height: 2198px;
	background: url(../img/contest/img_free2_bg.png) center top no-repeat;
}
#result_info .free3 {
	height: 5388px;
	background: url(../img/contest/img_free3_bg.png) center top no-repeat;
}
#result_info .free4 {
	height: 2618px;
	background: url(../img/contest/img_free4_bg.png) center top no-repeat;
}
#result_info .free5 {
	height: 3398px;
	background: url(../img/contest/img_free5_bg.png) center top no-repeat;
}
#result_info .chara {
	height: 1358px;
	background: url(../img/contest/img_chara_bg.png) center top no-repeat;
}

/* ページ内リンクボタン */
#result_info .anchor {
	margin: 23px 0;
}
#result_info > .anchor:first-of-type {
	margin-top: 0;
}
#result_info .anchor li {
	position: relative;
	display: inline-block;
	width: 280px;
	height: 76px;
	margin: 0 3px;
}
#result_info .anchor li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 280px;
	height: 76px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#result_info .anchor li a:hover img {
	top: -2px;
	left: -7px;
	width: 294px;
	height: 80px;
}

/* その他のノミネート作品 */
#result_info h2 {
	clear: both;
	padding: 27px 0 7px;
}
#result_info li {
	display: inline-block;
	width: 240px;
	height: 50px;
	margin: 10px 5px 0;
	vertical-align: top;
}
#result_info li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 240px;
	height: 50px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#result_info li a:hover img {
	top: -1px;
	left: -6px;
	width: 252px;
	height: 52px;
}


/* 優秀賞 */
#result_info p {
	float: left;
	margin: 21px 0 0 55px;
}
#result_info dl {
	float: right;
	width: 386px;
	margin: 9px 51px 0 0;
}
#result_info dl.melkido {
	margin-top: -31px;
}
#result_info dl.rimuldar {
	margin-top: -2px;
}
#result_info dt {
	margin-bottom: 14px;
	text-align: right;
}
#result_info dd {
	margin-bottom: 10px;
}
#result_info dd a {
	display: block;
	width: 360px;
	height: 50px;
	margin: 0 auto;
}
#result_info dd a img {
	position: relative;
	top: 0;
	left: 0;
	width: 360px;
	height: 50px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#result_info dd a:hover img {
	top: -2px;
	left: -9px;
	width: 378px;
	height: 52px;
}

/* 3月フリー優秀賞 */
#result_info .free3 p {
	float: none;
	margin: 21px 0 0;
}
#result_info .free3 dl {
	float: left;
	width: 388px;
	margin: 3px 5px 0 0;
}
#result_info .free3 dl:first-of-type {
	margin-left: 46px;
}
#result_info .free3 dt {
	margin-bottom: 10px;
}
#result_info .free3 dd a {
	margin-left: 19px;
}
#result_info .free3 .batcop dd {
	margin-left: 5px;
	text-align: left;
}
#result_info .free3 .batcop dd a {
	display: inline-block;
	width: 175px;
	height: 40px;
	margin: 0 0 6px 6px;
}
#result_info .free3 .batcop dd a img {
	width: 175px;
	height: 40px;
}
#result_info .free3 .batcop dd a:hover img {
	top: -1px;
	left: -5px;
	width: 184px;
	height: 42px;
}
#result_info .free3 h2 {
	padding-top: 10px;
}

/* 4月 優秀賞 */
#result_info .free4 p {
	margin-left: 45px;
}
#result_info .story4 dl,
#result_info .free4 dl {
	width: 366px;
	margin: 27px 61px 0 0;
}
#result_info .free4 dt {
	margin-bottom: 9px;
	text-align: center;
}
#result_info .free4 dd {
	text-align: left;
}
#result_info .free4 dd a {
	display: inline-block;
	width: 116px;
	height: 40px;
	margin: 0 0 4px 2px;
}
#result_info .free4 dd a img {
	width: 116px;
	height: 40px;
}
#result_info .free4 dd a:hover img {
	top: -1px;
	left: -3px;
	width: 122px;
	height: 42px;
}

/* 5月 優秀賞 */
#result_info .story5 p,
#result_info .free5 p {
	margin-left: 46px;
}
#result_info .story5 dl,
#result_info .free5 dl {
	width: 360px;
	margin: 25px 64px 0 0;
}
#result_info .story5 dt,
#result_info .free5 dt {
	text-align: center;
}


/*
	ビルダーズものがたり
------------------------------------------------------------*/
#contents.monogatari {
	text-align: center;
	background: url(../img/monogatari/bg_body.jpg) repeat;
}
#contents.monogatari img {
	vertical-align: top;
}

#monogatari_contents {
	position: relative;
	padding-top: 2px;
	background: url(../img/monogatari/bg_top.png) center top no-repeat, url(../img/monogatari/bg_main2.png) center top repeat-y;
}

#monogatari_contents .official {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: 154px;
}
#monogatari_contents .official a {
	display: block;
	width: 391px;
	height: 52px;
	margin: 0 auto;
}
#monogatari_contents .official a img {
	position: relative;
	top: 0;
	left: 0;
	width: 391px;
	height: 52px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_contents .official a:hover img {
	top: 0px;
	left: -6px;
	width: 403px;
	height: 54px;
}

#monogatari_contents .topbtn {
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: 302px;
}
#monogatari_contents .topbtn a {
	display: block;
	width: 168px;
	height: 56px;
	margin: 0 auto;
}
#monogatari_contents .topbtn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 168px;
	height: 56px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_contents .topbtn a:hover img {
	top: -1.5px;
	left: -2.5px;
	width: 173px;
	height: 59px;
}

#monogatari_top {
	position: relative;
	margin-top: -28px;
	background: url(../img/monogatari/top_bg_v2.png) center 74px no-repeat;
}
#monogatari_top .thumb {
	position: relative;
	margin: 20px 0 15px;
}
#monogatari_top .thumb dt {
	margin-right: 8px;
}
#monogatari_top .thumb dt a {
	position: relative;
	display: block;
	width: 612px;
	height: 367px;
	margin: 0 auto;
}
#monogatari_top .thumb dt a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 612px;
	height: 367px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_top .thumb dt a:hover img {
	top: -5.5px;
	left: -9px;
	width: 630px;
	height: 378px;
}
#monogatari_top .thumb dt a img:first-of-type {
	top: 26px;
	left: 26px;
	width: 560px;
	height: 315px;
}
#monogatari_top .thumb dt a:hover img:first-of-type {
	top: 22px;
	left: 17px;
	width: 577px;
	height: 325px;
}
#monogatari_top .thumb dd:first-of-type {
	position: relative;
	margin-top: -17px;
}
#monogatari_top .thumb dd.arrow {
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -444px;
}

#monogatari_top .intro {
	margin-bottom: 18px;
}
#monogatari_top .intro li {
	display: inline-block;
	margin: 0 15px;
}

#monogatari_top .bnr a {
	position: relative;
	display: block;
	width: 902px;
	height: 188px;
	margin: 0 auto;
}
#monogatari_top .bnr a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 902px;
	height: 188px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_top .bnr a:hover img {
	top: -3px;
	left: -13.5px;
	width: 929px;
	height: 194px;
}

#monogatari_info {
	padding: 60px 0 40px;
}
#monogatari_info .wayto {
	margin: 29px 0 67px;
}

#monogatari_info .notes {
	width: 740px;
	margin: 50px auto 45px;
}
#monogatari_info .notes dt {
	margin-bottom: 15px;
}
#monogatari_info .notes dd li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
	line-height: 2.25;
	text-align: left;
}

#monogatari_info .btn li {
	position: relative;
	display: inline-block;
	width: 121px;
	height: 113px;
	margin: 0 17px;
}
#monogatari_info .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 121px;
	height: 113px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_info .btn a:hover img {
	top: -3px;
	left: -3px;
	width: 127px;
	height: 119px;
}

#monogatari_info .shop {
	width: 751px;
	margin: 30px auto 0;
	background: #fff;
	border: 4px solid rgba(164,164,164,0.4);
	-webkit-border-radius: 24px;
	border-radius: 24px;
}
#monogatari_info .shop dd {
	padding: 33px 0 30px;
}
#monogatari_info .shop dd .note {
	margin-top: 32px;
}

#monogatari_info .shop a {
	display: block;
	width: 442px;
	height: 77px;
	margin: 20px auto 0;
}
#monogatari_info .shop a img {
	position: relative;
	top: 0;
	left: 0;
	width: 442px;
	height: 77px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_info .shop a:hover img {
	top: -2px;
	left: -11px;
	width: 464px;
	height: 81px;
}

#monogatari_info #more a {
	display: block;
	width: 442px;
	height: 77px;
	margin: 30px auto 10px;
}
#monogatari_info #more a img {
	position: relative;
	top: 0;
	left: 0;
	width: 442px;
	height: 77px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_info #more a:hover img {
	top: -2px;
	left: -11px;
	width: 464px;
	height: 81px;
}

#monogatari_info #pagetop {
	display: none;
	position: fixed;
	right: 80px;
	bottom: 0;
}
#monogatari_info #pagetop a {
	display: block;
	width: 84px;
	height: 84px;
}
#monogatari_info #pagetop a img {
	position: relative;
	top: 0;
	left: 0;
	width: 84px;
	height: 84px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_info #pagetop a:hover img {
	top: -4px;
	left: -2px;
	width: 88px;
	height: 88px;
}

/*  イベントレポート  */
#monogatari_contents.report {
	background: url(../img/monogatari/bg_main2.png) center top repeat-y;
}
.report #monogatari_top {
	position: relative;
	background: url(../img/monogatari/report_top.png) center 58px no-repeat;
}
.report #monogatari_top h2 {
	margin: 21px 0 32px;
}
.report #monogatari_info {
	padding-top: 0;
}
.report #monogatari_info p + #more {
	margin-top: 55px;
}

/*  過去放送分  */
#monogatari_contents.archive {
	background: url(../img/monogatari/bg_main2.png) center top repeat-y;
}
.archive #monogatari_top {
	background: none;
}
.archive #monogatari_top h2 {
	margin: 31px 0 16px;
}
.archive #monogatari_info {
	padding-top: 0;
}

#monogatari_info .prev_list {
	width: 980px;
	margin: 0 auto;
}
#monogatari_info .prev_list li {
	display: inline-block;
	width: 419px;
	margin: 0 12px 38px;
}
#monogatari_info .prev_list dd a {
	position: relative;
	display: block;
	width: 388px;
	height: 235px;
	margin: 2px auto 6px;
}
#monogatari_info .prev_list dd a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 388px;
	height: 235px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#monogatari_info .prev_list dd a:hover img {
	width: 398px;
	height: 241px;
	top: -3px;
	left: -5px;
}
#monogatari_info .prev_list dd a img:first-child {
	width: 352px;
	height: 197px;
	top: 19px;
	left: 18px;
}
#monogatari_info .prev_list dd a:hover img:first-child {
	width: 362px;
	height: 204px;
	top: 16px;
	left: 13px;
}


/*
	復活ビルダーズスクール
------------------------------------------------------------*/
#contents.matsuri {
	text-align: center;
	background: url(../img/contest/bg_body.jpg) repeat;
}
#contents.matsuri img {
	vertical-align: top;
}
#contents.matsuri #title {
	top: 16px;
}

#matsuri_contents {
	position: relative;
}

#matsuri_top {
	position: relative;
	padding: 39px 0 45px;
	background: url(../img/contest/bg_top.png) center bottom no-repeat;
}
#matsuri_top h1 {
	width: 892px;
	margin: 0 auto -8px;
	text-align: right;
}

#matsuri_info {
	position: relative;
	width: 974px;
	margin: 0 auto;
	padding: 39px 0 50px;
	background: url(../img/contest/bg_main.png) repeat-y;
}
#matsuri_info .twbtn {
	margin: 30px 0 50px;
}

/* twitter */
#matsuri_info .twpost {
	position: relative;
	width: 876px;
	margin: 0 auto 35px;
	text-align: left;
}
#matsuri_info .tw_timeline {
	width: 544px;
	height: 324px;
	background: url(../img/dqmatsuri/tw_bg.png) center bottom no-repeat;
	position: absolute;
	top: -17px;
	left: 329px;
}
#matsuri_info .tw_timeline dd {
	width: 490px;
	margin: 0 auto;
	padding-top: 5px;
}
.SandboxRoot.env-bp-430 .timeline-Tweet-text {
    font-size: 12px !important;
    line-height: 18px !important;
}

/* ガイドライン */
#matsuri_info .guidebtn a {
	display: block;
	width: 458px;
	height: 94px;
	margin: 43px auto 15px;
}
#matsuri_info .guidebtn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 458px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#matsuri_info .guidebtn a:hover img {
	top: -2px;
	left: -11px;
	width: 481px;
	height: 98px;
}
#matsuri_info .notes {
	width: 860px;
	margin: 0 auto;
	font-size: 116.7%;
	line-height: 1.714;
	text-align: left;
}
#matsuri_info .notes li {
	padding-left: 1em;
	text-indent: -1em;
}

/* 夏祭りロゴ */
#matsuri_info .logobtn a {
	display: block;
	width: 309px;
	height: 262px;
	margin: 50px auto 0;
}
#matsuri_info .logobtn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 309px;
	height: 262px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#matsuri_info .logobtn a:hover img {
	top: -6.5px;
	left: -8px;
	width: 325px;
	height: 275px;
}


/*
	Nintendo Switch版発売
------------------------------------------------------------*/
#contents.switch {
	padding-bottom: 90px;
	text-align: center;
	background: url(../img/switch/bg.jpg) center top no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#contents.switch img {
	vertical-align: top;
}
#contents.switch #title {
	top: 11px;
}

#switch_top {
	position: relative;
	padding-top: 133px;
}
#switch_top p {
	height: 480px;
	margin: 310px 0 37px;
	padding-top: 58px;
	background: url(../img/switch/moviebg.png) center top no-repeat;
}
#switch_top p a {
	display: block;
	width: 654px;
	height: 374px;
	margin: 0 auto;
}
#switch_top p a img {
	position: relative;
	top: 0;
	left: 0;
	width: 654px;
	height: 374px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_top p a:hover img {
	top: -9px;
	left: -16px;
	width: 686px;
	height: 392px;
}

/* 追加要素 */
#switch_new {
	position: relative;
	width: 994px;
	height: 1253px;
	margin: 0 auto;
	background: url(../img/switch/new_bg.png) center 34px no-repeat;
}
#switch_new .lead {
	margin: 10px 0 51px;
}
#switch_new li {
	position: relative;
}
#switch_new li figure {
	display: block;
	width: 355px;
	height: 228px;
}
#switch_new li figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_new li figure:hover img {
	top: -6px;
	left: -9px;
	width: 373px;
	height: 240px;
}
#switch_new li:first-child {
	float: left;
	height: 495px;
	margin-left: 69px;
}
#switch_new li:first-child figure:nth-of-type(2) {
	position: absolute;
	top: 187px; left: 42px;
}
#switch_new li:first-child p:nth-of-type(1) {
	position: absolute;
	top: -21px; left: -9px;
}
#switch_new li:first-child p:nth-of-type(2) {
	position: absolute;
	top: 340px; left: 165px;
}
#switch_new li:nth-child(2) {
	float: left;
	margin: 54px 0 0 144px;
}
#switch_new li:nth-child(2) p {
	position: absolute;
	top: -74px; left: -28px;
}
#switch_new li:last-child {
	clear: left;
	padding-top: 241px;
}
#switch_new li:last-child figure:first-child {
	position: absolute;
	top: 0; left: 130px;
}
#switch_new li:last-child figure:last-of-type {
	position: absolute;
	top: 0; right: 130px;
}
#switch_new .mob {
	position: absolute;
	top: 552px; left: 715px;
}
#switch_new .arrow1 {
	position: absolute;
	top: 471px; left: 401px;
}
#switch_new .arrow2 {
	position: absolute;
	top: 572px; left: 462px;
}

/* 早期特典 */
#switch_early {
	position: relative;
	width: 994px;
	height: 611px;
	margin: 35px auto;
	background: url(../img/switch/early_bg.png) center 23px no-repeat;
}
#switch_early .lead {
	margin: 31px 0 48px;
}
#switch_early figure {
	position: absolute;
	top: 315px; left: 152px;
	display: block;
	width: 319px;
	height: 179px;
}
#switch_early figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 319px;
	height: 179px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_early figure:hover img {
	top: -4.5px;
	left: -8px;
	width: 335px;
	height: 188px;
}
#switch_early dl {
	width: 340px;
	margin-left: 505px;
	text-align: left;
}
#switch_early dd {
	text-align: center;
}
#switch_early dd:first-of-type {
	margin: 26px 0 20px;
}
#switch_early dd:last-of-type {
	display: inline-block;
	width: 300px;
	height: 60px;
	margin-left: 20px;
}
#switch_early dd:last-of-type img {
	position: relative;
	top: 0;
	left: 0;
	width: 300px;
	height: 60px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_early dd:last-of-type:hover img {
	top: -2px;
	left: -8px;
	width: 315px;
	height: 63px;
}

/* 店舗特典 */
#switch_shop {
	position: relative;
	width: 994px;
	height: 807px;
	margin: 0 auto;
	background: url(../img/switch/shop_bg.png) center 23px no-repeat;
}
#switch_shop dl {
	display: inline-block;
	width: 420px;
	height: 550px;
	margin: 68px 6px 0;
	overflow: hidden;
}
#switch_shop dd figure {
	display: block;
	width: 346px;
	height: 195px;
	margin: 24px auto 19px;
}
#switch_shop dd figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 346px;
	height: 195px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_shop dd figure:hover img {
	top: -5px;
	left: -8.5px;
	width: 363px;
	height: 205px;
}
#switch_shop dd li:first-of-type {
	display: inline-block;
	width: 345px;
	height: 90px;
	margin: 14px 0 18px;
}
#switch_shop dd li:first-of-type img {
	position: relative;
	top: 0;
	left: 0;
	width: 345px;
	height: 90px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_shop dd li:first-of-type:hover img {
	top: -2px;
	left: -8px;
	width: 362px;
	height: 94px;
}
#switch_shop dd li:last-of-type {
	display: inline-block;
	width: 300px;
	height: 60px;
}
#switch_shop dd li:last-of-type img {
	position: relative;
	top: 0;
	left: 0;
	width: 300px;
	height: 60px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_shop dd li:last-of-type:hover img {
	top: -2px;
	left: -8px;
	width: 315px;
	height: 63px;
}

/* DQB2 */
#switch_dqb2 {
	position: relative;
	width: 994px;
	height: 344px;
	margin: 67px auto 44px;
}
#switch_dqb2 p {
	position: absolute;
	top:191px; left:471px;
}
#switch_dqb2 img {
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_dqb2 a:hover img {
	transform: scale(1.05);
}

/* データ引き継ぎ */
#switch_data {
	position: relative;
	width: 994px;
	height: 1166px;
	margin: 31px auto 34px;
	background: url(../img/switch/data_bg2.png) center 37px no-repeat;
}
#switch_data .inner {
	display: flex;
	justify-content: space-between;
	width: 858px;
	margin: 30px auto 28px;
}
#switch_data dl {
	width: 422px;
	padding: 27px 0 18px;
	background: url(../img/switch/data_frame.png) center top no-repeat;
}
#switch_data dt {
	margin-bottom: 20px;
}
#switch_data dd:nth-last-of-type(2) {
	margin: 17px 0 45px;
}
#switch_data dd a {
	display: block;
	width: 350px;
	height: 197px;
	margin: 0 auto;
}
#switch_data dd a img {
	position: relative;
	top: 0;
	left: 0;
	width: 350px;
	height: 197px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_data dd a:hover img {
	top: -5px;
	left: -9px;
	width: 368px;
	height: 207px;
}
#switch_data .btn a {
	display: block;
	width: 558px;
	height: 114px;
	margin: 11px auto 0;
}
#switch_data .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 558px;
	height: 114px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_data .btn a:hover img {
	top: -3px;
	left: -14px;
	width: 586px;
	height: 120px;
}

/* SPEC */
#switch_spec {
	height: 468px;
	padding-top: 64px;
	background: url(../img/switch/spec_bg.png) center top no-repeat;
}

/* ビルダーズ説明 */
#switch_dqb {
	margin: 119px 0 39px;
}
#switch_dqb h2 {
	margin: 50px 0 20px;
}
#switch_dqb .mode {
	position: relative;
	width: 994px;
	margin: 0 auto;
	margin-top: 37px;
}
#switch_dqb .mode dl {
	display: inline-block;
	width: 494px;
	height: 960px;
	vertical-align: top;
	background: url(../img/switch/dqb_bg1.png) center 16px no-repeat;
}
#switch_dqb .mode dl:last-of-type {
	background: url(../img/switch/dqb_bg2.png) center 16px no-repeat;
}
#switch_dqb .mode dd:first-of-type {
	margin: 25px 0 33px;
}
#switch_dqb .mode dd:nth-of-type(2) {
	margin-right: 90px;
	margin-bottom: 31px;
}
#switch_dqb .mode dd:nth-of-type(3) {
	margin-left: 90px;
}
#switch_dqb .mode dd figure {
	display: block;
	width: 355px;
	height: 228px;
	margin: 0 auto 7px;
}
#switch_dqb .mode dd figure img {
	position: relative;
	top: 0;
	left: 0;
	width: 355px;
	height: 228px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_dqb .mode dd figure:hover img {
	top: -6px;
	left: -9px;
	width: 373px;
	height: 240px;
}
#switch_dqb .mob1 {
	position: absolute;
	top: 205px; left: 329px;
}
#switch_dqb .mob2 {
	position: absolute;
	top: 613px; left: -48px;
}
#switch_dqb .mob3 {
	position: absolute;
	top: 225px; right: -37px;
}
#switch_dqb .mob4 {
	position: absolute;
	top: 653px; right: 290px;
}

/* 公式ボタン */
.switch .official {
	display: block;
	width: 626px;
	height: 115px;
	margin: 40px auto 0;
}
.switch .official img {
	position: relative;
	top: 0;
	left: 0;
	width: 626px;
	height: 115px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.switch .official:hover img {
	top: -3px;
	left: -15px;
	width: 657px;
	height: 121px;
}

/* モーダルウィンドウ */
.switch_modal {
	position: relative;
	width: 877px;
	margin: 0 auto;
	padding-bottom: 51px;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}
.switch_modal::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 51px;
	background: url(../img/switch/modal_bg2.png) center bottom no-repeat;
}
.switch_modal .inner {
	position: relative;
	padding: 67px 78px 95px;
	background: url(../img/switch/modal_bg1.png) center top no-repeat;
}
.switch_modal h1 {
	text-align: center;
}
.switch_modal h2 {
	margin: 20px 0;
	font-size: 22px;
	text-decoration: underline;
	text-align: center;
	color: #4a3e35;
}
.switch_modal h2:nth-of-type(2) {
	margin-top: 30px;
}
.switch_modal ul {
	font-size: 14px;
	line-height: 1.28;
}
.switch_modal li {
	padding-left: 1em;
	text-indent: -1em;
}
.switch_modal .limit {
	margin: .8em 0;
}
.switch_modal .btn {
	margin: 20px 0;
	text-align: center;
}
.switch_modal .btn a {
	display: block;
	width: 558px;
	height: 94px;
	margin: 0 auto;
}
.switch_modal .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 558px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.switch_modal .btn a:hover img {
	top: -3px;
	left: -14px;
	width: 586px;
	height: 99px;
}

/* 体験版情報 */
#switch_trial {
	position: relative;
	width: 994px;
	height: 660px;
	margin: 0 auto 35px;
	background: url(../img/switch/trial_bg.png) center 23px no-repeat;
}
#switch_trial h1 {
	position: relative;
	margin-bottom: 35px;
}
#switch_trial h1 span {
	position: absolute;
	top: -11px;
	left: 166px;
}
#switch_trial .date {
	margin: 38px 0 0 97px;
	text-align: left;
}
#switch_trial .btn {
	width: 450px;
	margin: 19px 0 40px 148px;
	text-align: left;
}
#switch_trial .btn a {
	display: block;
	width: 450px;
	height: 90px;
	margin: 0 auto;
}
#switch_trial .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 450px;
	height: 90px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_trial .btn a:hover img {
	top: -2px;
	left: -11px;
	width: 472px;
	height: 94px;
}
#switch_trial figure {
	position: absolute;
	top: 266px;
	left: 665px;
}

/* コンテスト情報 */
#switch_contest {
	text-align: center;
}
#switch_contest img {
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_contest a:hover img {
	transform: scale(1.03);
}

/* ビルダーズチャンネル */
#switch_channel {
	position: relative;
	width: 995px;
	height: 541px;
	margin: 0 auto 32px;
	padding-top: 38px;
	text-align: center;
	background: url(../img/switch/youtuber_bg.png) center 57px no-repeat;
}
#switch_channel h1 {
	position: relative;
	margin-bottom: 7px;
}
#switch_channel h1 span {
	position: absolute;
	top: -2px;
	left: 167px;
}
#switch_channel ul {
	display: flex;
	justify-content: space-between;
	width: 800px;
	margin: 24px auto 0;
}
#switch_channel li a {
	display: block;
	width: 370px;
	height: 265px;
}
#switch_channel li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 370px;
	height: 265px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#switch_channel li a:hover img {
	top: -9px;
	left: -6.5px;
	width: 388.5px;
	height: 278px;
}


/*
	復活ビルダーズスクール
------------------------------------------------------------*/
#contents.b100kei {
	text-align: center;
	background: url(../img/contest/bg_body.jpg) repeat;
}
#contents.b100kei img {
	vertical-align: top;
}

#b100kei_top {
	position: relative;
	padding: 11px 0 44px;
	background: url(../img/100kei/bg_top.png) center top no-repeat;
}
#b100kei_top h1 {
	margin-bottom: 24px;
}

#b100kei_info {
	position: relative;
	width: 974px;
	margin: 0 auto;
	padding: 23px 0 40px;
	background: url(../img/100kei/bg_main.png) repeat-y;
}
#b100kei_info .recital a {
	display: block;
	width: 838px;
	height: 207px;
	margin: 0 auto 20px;
}
#b100kei_info .recital a img {
	position: relative;
	top: 0;
	left: 0;
	width: 838px;
	height: 207px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .recital a:hover img {
	top: -3px;
	left: -12.5px;
	width: 863px;
	height: 213px;
}

#b100kei_info .btn1 {
	height: 143px;
	margin: 11px 0 35px;
	background: url(../img/100kei/btn_line.png) center bottom no-repeat;
}
#b100kei_info .btn1 li {
	display: inline-block;
	margin: 0 16px;
}
#b100kei_info .btn1 li a {
	display: block;
	width: 381px;
	height: 114px;
}
#b100kei_info .btn1 li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 381px;
	height: 114px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .btn1 li a:hover img {
	top: -3px;
	left: -10px;
	width: 400px;
	height: 120px;
}

#b100kei_info .btn2 {
	height: 150px;
	margin-top: 32px;
	padding-top: 35px;
	background: url(../img/100kei/btn_line.png) center top no-repeat;
}
#b100kei_info .btn2 li {
	display: inline-block;
	margin: 2px 9px 0;
}
#b100kei_info .btn2 li a {
	display: block;
	width: 398px;
	height: 114px;
}
#b100kei_info .btn2 li a img {
	position: relative;
	top: 0;
	left: 0;
	width: 398px;
	height: 114px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .btn2 li a:hover img {
	top: -3px;
	left: -10px;
	width: 418px;
	height: 120px;
}

#b100kei_info .overview {
	height: 1014px;
	margin: 39px 0 37px;
	padding-top: 36px;
	background: url(../img/100kei/overview_bg.png) center top no-repeat;
}
#b100kei_info .overview dt {
	margin-bottom: 29px;
}
#b100kei_info .overview dd img:nth-of-type(2) {
	margin: 38px 0 35px;
}

#b100kei_info .rule {
	padding-bottom: 84px;
	background: url(../img/100kei/rule_bg3.png) center bottom no-repeat;
}
#b100kei_info .rule h2 {
	padding: 36px 0 30px;
	background: url(../img/100kei/rule_bg1.png) center top no-repeat;
}
#b100kei_info .rule dl {
	background: url(../img/100kei/rule_bg2.png) center top repeat-y;
}
#b100kei_info .rule dt {
	margin: 70px 0 30px;
}
#b100kei_info .rule dt:first-child {
	margin-top: 0;
}
#b100kei_info .rule p a {
	display: block;
	width: 490px;
	height: 90px;
	margin: 22px auto 20px;
}
#b100kei_info .rule p.faq a {
	margin-bottom: 0;
}
#b100kei_info .rule p a img {
	position: relative;
	top: 0;
	left: 0;
	width: 490px;
	height: 90px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .rule p a:hover img {
	top: -2px;
	left: -12px;
	width: 514px;
	height: 94px;
}

#b100kei_info .example {
	height: 647px;
	margin: 38px 0 35px;
	padding-top: 39px;
	background: url(../img/100kei/exp_bg.png) center top no-repeat;
}
#b100kei_info .example .lead {
	margin: 16px 0 22px;
}
#b100kei_info .example .inner {
	display: inline-block;
	width: 353px;
	margin: 0 12px;
}
#b100kei_info .example .inner dt {
	width: 353px;
	height: 214px;
}
#b100kei_info .example .inner dt img {
	position: relative;
	top: 0;
	left: 0;
	width: 353px;
	height: 214px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .example .inner dt:hover img {
	top: -4px;
	left: -7px;
	width: 367px;
	height: 222px;
}
#b100kei_info .example .inner dd ul {
	display: flex;
	justify-content: space-between;
	width: 346px;
	margin: 0 auto 9px;
}
#b100kei_info .example .inner li {
	width: 113px;
	height: 67px;
}
#b100kei_info .example .inner li img {
	position: relative;
	top: 0;
	left: 0;
	width: 113px;
	height: 67px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .example .inner li:hover img {
	top: -2px;
	left: -4px;
	width: 120px;
	height: 71px;
}

#b100kei_info .example .btn a {
	display: block;
	width: 458px;
	height: 94px;
	margin: 23px auto 0;
}
#b100kei_info .example .btn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 458px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .example .btn a:hover img {
	top: -2px;
	left: -11px;
	width: 481px;
	height: 98px;
}

#b100kei_info .summary {
	height: 622px;
	margin-bottom: 35px;
	padding-top: 65px;
	background: url(../img/100kei/summary_bg.png) center top no-repeat;
}
#b100kei_info .summary dd:first-of-type {
	margin: 19px 0 13px;
}
#b100kei_info .summary a {
	display: block;
	width: 458px;
	height: 94px;
	margin: 25px auto 10px;
}
#b100kei_info .summary a img {
	position: relative;
	top: 0;
	left: 0;
	width: 458px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .summary a:hover img {
	top: -2px;
	left: -11px;
	width: 481px;
	height: 98px;
}

/* twitter */
#b100kei_info .twpost {
	background: url(../img/100kei/twitter_bg.png) center 18px no-repeat;
}

#b100kei_info .tw_timeline {
	height: 329px;
	background: url(../img/100kei/tw_bg.png) center bottom no-repeat;
}
#b100kei_info .tw_timeline dd {
	width: 500px;
	margin: 0 auto;
	padding-top: 5px;
}
.SandboxRoot.env-bp-430 .timeline-Tweet-text {
    font-size: 12px !important;
    line-height: 18px !important;
}

/* ガイドライン */
#b100kei_info .guidebtn a {
	display: block;
	width: 458px;
	height: 94px;
	margin: 25px auto 10px;
}
#b100kei_info .guidebtn a img {
	position: relative;
	top: 0;
	left: 0;
	width: 458px;
	height: 94px;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#b100kei_info .guidebtn a:hover img {
	top: -2px;
	left: -11px;
	width: 481px;
	height: 98px;
}

#b100kei_info .notes {
	width: 830px;
	margin: 0 auto;
	font-size: 116.7%;
	line-height: 1.714;
	text-align: left;
}
#b100kei_info .notes li {
	padding-left: 1em;
	text-indent: -1em;
}

/* モーダルウィンドウ（使用禁止ブロック） */
.rule_modal {
	position: relative;
	width: 737px;
	height: 822px;
	margin: 0 auto;
	padding: 67px 60px 0 80px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	background: url(../img/100kei/notuse_bg.png) center top no-repeat;
}
.rule_modal .list {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 20px 0;
	text-align: left;
}
.rule_modal .list li {
	display: table-cell;
}

/* モーダルウィンドウ（Q&A一覧） */
.faq_modal {
	position: relative;
	width: 748px;
	height: 620px;
	margin: 0 auto;
	padding: 67px 63px 0 67px;
	text-align: center;
	background: url(../img/100kei/summary_bg.png) center top no-repeat;
}
.faq_modal > div {
	overflow: auto;
	width: 748px;
	height: 430px;
	margin-top: 22px;
}
.faq_modal dl {
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}
.faq_modal dt, .faq_modal dd {
	position: relative;
	margin-right: 7px;
	padding: 12px 0 0 50px;
}
.faq_modal dd {
	margin: 12px 7px 23px 0;
	padding-bottom: 23px;
	background: url(../img/100kei/faq_line.png) left bottom no-repeat;
}
.faq_modal dt::before,
.faq_modal dd::before {
	content:"";
	display: inline-block;
	width: 41px;
	height: 34px;
	background: url(../img/100kei/faq_q.png) left top no-repeat;
	position: absolute;
	top:0; left:0;
}
.faq_modal dd::before {
	background-image: url(../img/100kei/faq_a.png);
}
.faq_modal dd:last-of-type {
	padding-bottom: 0;
	background: none;
}