@charset "UTF-8";
/*------------------------------------------------------------
	layout
------------------------------------------------------------*/
#wrapper {
	min-width: 960px;
	overflow: hidden;
}
.contents_section {
	min-width: 960px;
}
.cursor_hammer {
    position: relative;
	cursor: url(../img/adventure/cursor_hammer.cur),default;
}
.cursor_hammer img {
    transition: opacity 400ms ease-out;
}
.cursor_hammer.hit {
    cursor: url(../img/adventure/cursor_hammer2.cur),default;
}
.cursor_hammer.hit img {
    opacity: 0;
}

.color_action {
    cursor: url(../img/adventure/cursor_hammer.cur),default;
}
.color_action.hit:hover {
    cursor: url(../img/adventure/cursor_hammer2.cur),default;
}
.color_action .after {
    position: absolute;
}


/*------------------------------------------------------------
	section
------------------------------------------------------------*/
.title_section,
.section1,
.section2,
.section3,
.section4,
.section5,
.section6 {
	position: relative;
	min-width: 960px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.title_body,
.section1_body,
.section2_body,
.section3_body,
.section4_body,
.section5_body,
.section6_body {
	position: relative;
	height: 100%;
	width: 960px;
	margin: 0 auto;
}



/*------------------------------------------------------------
	title_section
------------------------------------------------------------*/
.title_section {
    height: 360px;
    background-image: url(../img/adventure/title_bg.jpg);
    background-position: center top;
    background-attachment: fixed;
    background-size: 100% auto;
}
.title {
	position: absolute;
    top: -40px;
    left: 295px;
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}



/*------------------------------------------------------------
	section1
------------------------------------------------------------*/
.section1 {
	height: 1171px;
	margin-top: -49px;
	background-image: url(../img/adventure/section1_bg_pattern.png);
	background-repeat: repeat-x;
}
.section1_bg_object {
	height: 100%;
	background: url(../img/adventure/section1_bg_object.png) center 78px no-repeat;
}
.section1_body > p,
.section1_body > div {
	position: absolute;
}
.section1_text1 {
    top: 89px;
    left: 7px;
}
.section1_btn {
    top: 361px;
    left: -51px;
}
.section1 .video_wrap {
    top: 118px;
    left: 450px
}
.section1 .video_wrap > div {
    position: absolute;
}
.section1 .video_wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: -36px;
    left: -37px;
    width: 574px;
    height: 366px;
    background: url(../img/adventure/section1_panel_player.png) 0 0 no-repeat;
    z-index: 1;
}
.tablet-mode .section1 .video_wrap > div {
    z-index: 1;
}


.section1_img_ss {
    top: 518px;
    left: 50px;
}
.section1_text2 {
    top: 475px;
    left: 500px;
}
.section1_chara_kinopio {
    top: 804px;
    left: -65px;
}
.section1_chara_kinopio .before .rotor {
    width: 343px;
    height: 249px;
    background-image: url(../img/adventure/section1_chara_kinopio.png);
}
.section1_chara_kinopio .after {
    top: -99px;
    left: -5px;
    opacity: 0;
}
.section1_chara_kinopio .after .rotor {
    width: 277px;
    height: 364px;
    background-image: url(../img/adventure/section1_chara_kinopio_show.png);
}
.section1_chara_mario {
    top: 640px;
    left: 677px;
    opacity: 0;
}
.tablet-mode .section1_chara_mario {
    opacity: 1;
}
.section1_chara_mario .rotor {
    width: 299px;
    height: 420px;
    background-image: url(../img/adventure/section1_chara_mario.png);
}
.section1_bg_white1 {
    top: 390px;
    left: 876px;
}
.section1_bg_white2 {
    top: 455px;
    left: -358px;
}
.section1_bg_white3 {
    top: 796px;
    left: 986px;
}
.section1_bg_white4 {
    top: 69px;
    left: -277px;
}
.section1_bg_white5 {
    top: 99px;
    left: 1002px;
}


/*------------------------------------------------------------
	section2
------------------------------------------------------------*/
.section2 {
	z-index: 1;
	height: 1678px;
	margin-top: -110px;
	background-image: url(../img/adventure/section2_bg_pattern.png);
	background-repeat: repeat-x;
}
.section2_bg_paper {
	height: 100%;
	background: url(../img/adventure/section2_bg_paper.png) center 523px repeat-x;
}
.section2_bg_object {
	height: 100%;
	background: url(../img/adventure/section2_bg_object.png) center 52px no-repeat;
}
.section2_body > p,
.section2_body > div {
	position: absolute;
}
.section2 .video_wrap1 {
    top: 130px;
    left: 47px;
}
.tablet-mode .video_wrap1 {
   left: 67px;
}
.section2 .video_wrap1 > div {
    position: absolute;
}
.section2 .video_wrap1:before {
	content: "";
	display: block;
	position: absolute;
    top: -36px;
    left: -37px;
	width: 574px;
	height: 366px;
	background: url(../img/adventure/section2_panel_player1.png) 0 0 no-repeat;
    z-index: 1;
}
.tablet-mode .section2 .video_wrap1 > div {
   z-index: 1;
}
.section2_chara_penky {
    top: 236px;
    left: -132px;
    opacity: 0;
    z-index: 2;
}
.tablet-mode .section2_chara_penky {
    opacity: 1;
    left: -182px;
}
.section2_chara_penky .rotor {
    width: 225px;
    height: 281px;
    background-image: url(../img/adventure/section2_chara_penky.png);
}
.section2_btn_penky {
    margin-top: -51px;
    margin-left: 62px;
}
.section2_text1 {
    top: 149px;
    left: 606px;
}
.tablet-mode .section2_text1 {
   left: 626px;
}
.section2_text2 {
    top: 598px;
    left: 24px;
}
.section2 .video_wrap2 {
    top: 699px;
    left: -98px;
    width: 559px;
    height: 399px;
    overflow: hidden;
    display: none;
}
.section2 .video_wrap2:after {
	content: "";
	display: block;
	position: absolute;
    top: -20px;
    left: -1px;
	width: 561px;
	height: 401px;
	background: url(../img/adventure/section2_panel_player2.png) 0 0 no-repeat;
}
.tablet-mode .section2 .video_wrap2:after {
    display: none;
}
.section2 .video_wrap2:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: -1px;
    width: 561px;
    height: 401px;
    background: url(../img/adventure/section2_panel_player2.png) 0 0 no-repeat;
}
.section2 .video_wrap2 video {
    position: absolute;
}
.section2_img_ss2 {
    top: 689px;
    left: -98px;
    width: 560px;
    height: 400px;
}
.section2_bg_paint1 {
    top: 598px;
    left: -268px;
}
.section2_bg_paint2 {
    top: 653px;
    left: 1029px;
}
.section2_bg_paint3 {
    top: 984px;
    left: -229px;
}
.section2_bg_paint4 {
    top: 944px;
    left: 1073px;
}
.section2_text3 {
    top: 1074px;
    left: 6px;
}
.section2_text3_link {
    top: 1129px;
    left: 8px;
}
.section2_chara_mario {
    top: 405px;
    left: 405px;
    opacity: 0;
}
.tablet-mode .section2_chara_mario {
    opacity: 1;
}
.section2_btn {
    top: 1075px;
    left: 474px;
}
.section2_img_ss {
    top: 1291px;
    left: -1px;
}
.section2_text4 {
    top: 1375px;
    left: 559px;
}
.section2_chara_kuribo {
	top: 1239px;
    left: -214px;
    opacity: 0;
}
.tablet-mode .section2_chara_kuribo {
    opacity: 1;
}
.section2_chara_kuribo .rotor {
    width: 211px;
    height: 263px;
    background-image: url(../img/adventure/section2_chara_kuribo.png);
}
.section2_chara_kinopio {
    top: 1293px;
    left: 924px;
    opacity: 0;
}
.tablet-mode .section2_chara_kinopio {
    opacity: 1;
}
.section2_chara_kinopio .rotor {
    width: 237px;
    height: 324px;
    background-image: url(../img/adventure/section2_chara_kinopio.png);
}



/*------------------------------------------------------------
	section3
------------------------------------------------------------*/
.section3 {
    z-index: 0;
    height: 768px;
    margin-top: -80px;
    background-image: url(../img/adventure/section3_bg.jpg);
    background-position: 50% 30%;
    background-attachment: fixed;
    background-size: cover;
    min-width: 960px;
}
.tablet-mode .section3 {
    background-image: url(../img/adventure/section3_bg.jpg);
    background-position: 50% 75%;
    background-attachment: scroll;
    background-size: 1280px auto;
}
.section3_body > p,
.section3_body > div {
	position: absolute;
}
.section3_text {
    top: 246px;
    left: 32px;
}
.section3_chara_heiho2 {
    top: 549px;
    left: 165px;
}
.section3_chara_heiho1 {
    top: 567px;
    left: 372px;
}



/*------------------------------------------------------------
	section4
------------------------------------------------------------*/
.section4 {
	height: 1150px;
	margin-top: -74px;
	background-image: url(../img/adventure/section4_bg_pattern.png);
	background-repeat: repeat-x;
}
.section4_bg_object {
	height: 100%;
	background: url(../img/adventure/section4_bg_object.png) center 61px no-repeat;
}
.section4_body > p,
.section4_body > div {
	position: absolute;
}
.section4_img_ship {
    top: -587px;
    left: 420px;
}
.section4_text1 {
    top: 117px;
    left: 197px;
}
.section4 .video_wrap {
    top: 311px;
    left: 157px;
}
.section4 .video_wrap > div {
    position: absolute;
}
.section4 .video_wrap:before {
	content: "";
	display: block;
	position: absolute;
    top: -36px;
    left: -35px;
	width: 735px;
	height: 456px;
	background: url(../img/adventure/section4_panel_player.png) 0 0 no-repeat;
    z-index: 1;
}
.tablet-mode .section4 .video_wrap > div {
    z-index: 1;
}
.section4_text2 {
    top: 753px;
    left: 287px;
}
.section4_btn {
    top: 864px;
    left: 279px;
}
.section4_bg_white1 {
    top: 139px;
    left: 59px;
}
.section4_bg_white2 {
    top: 316px;
    left: -455px;
}
.section4_bg_white3 {
    top: 494px;
    left: 778px;
}
.section4_chara_kinopio_red {
    top: -8px;
    left: -201px;
}
.section4_chara_kinopio_red .before .rotor {
    width: 241px;
    height: 311px;
    background-image: url(../img/adventure/section4_chara_kinopio_red_w.png);
}
.section4_chara_kinopio_red .after {
    top: 0;
    left: 0;
    opacity: 0;
}
.section4_chara_kinopio_red .after .rotor {
    width: 241px;
    height: 311px;
    background-image: url(../img/adventure/section4_chara_kinopio_red.png);
}
.section4_chara_nokonoko {
    top: 185px;
    left: 1015px;
    opacity: 0;
}
.section4_chara_nokonoko .rotor {
    width: 230px;
    height: 277px;
    background-image: url(../img/adventure/section4_chara_nokonoko.png);
}
.section4_chara_heiho1 {
    top: 494px;
    left: 778px;
}
.section4_chara_heiho1 .before {
    top: 0;
    left: 0;
    width: 349px;
    height: 277px;
}
.section4_chara_heiho1 .before .rotor {
    width: 349px;
    height: 277px;
    background-image: url(../img/adventure/section4_bg_white3.png);
}
.section4_chara_heiho1 .after {
    top: -51px;
    left: 98px;
}
.section4_chara_heiho1 .after .rotor {
    width: 214px;
    height: 246px;
    background-image: url(../img/adventure/section4_chara_heiho1.png);
}
.section4_chara_heiho2 {
    top: 389px;
    left: -49px;
    z-index: 2;
}
.section4_chara_kinopio_yellow {
    top: 875px;
    left: 20px;
}



/*------------------------------------------------------------
	section5
------------------------------------------------------------*/
.section5 {
	z-index: 1;
	height: 913px;
	margin-top: -74px;
	background-image: url(../img/adventure/section5_bg_pattern.png);
	background-repeat: repeat-x;
}
.section5_bg_object {
	height: 100%;
	background: url(../img/adventure/section5_bg_object.png) center 395px no-repeat;
}
.section5_body > p,
.section5_body > div {
	position: absolute;
}
.section5 .video_wrap {
    top: 126px;
    left: 263px;
}
.section5 .video_wrap > div {
    position: absolute;
}
.section5 .video_wrap:before {
	content: "";
	display: block;
	position: absolute;
    top: -36px;
    left: -35px;
	width: 735px;
	height: 456px;
	background: url(../img/adventure/section5_panel_player.png) 0 0 no-repeat;
    z-index: 1;
}
.tablet-mode .section5 .video_wrap > div {
    z-index: 1;
}
.section5_text1 {
	top: 559px;
    left: 406px;
}
.section5_btn {
    top: 694px;
    left: 240px;
}
.section5_chara {
    top: 69px;
    left: -160px;
    z-index: 2;
}
.section5_img_star_big {
    top: 52px;
    left: 910px;
    z-index: 10;
}
.section5_img_star_small1 {
    top: -6px;
    left: -115px;
}
.section5_img_star_small2 {
    top: 72px;
    left: -279px;
}



/*------------------------------------------------------------
	section6
------------------------------------------------------------*/
.section6 {
    z-index: 0;
    height: 667px;
    margin-top: -49px;
    background-image: url(../img/adventure/section6_bg.jpg);
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    min-width: 960px;
}
.tablet-mode .section6 {
    background-image: url(../img/adventure/section6_tb_bg.jpg);
    background-position: 50% 0;
    background-attachment: scroll;
    background-size: 1280px auto;
}
.section6_body > div {
	position: absolute;
}
.section6_panel {
    top: 20px;
    left: 240px;
	width: 603px;
	height: 391px;
	background: url(../img/adventure/section6_panel.png) 0 0 no-repeat;
	text-align: center;
}
.section6_text {
    margin-left: -40px;
    padding-top: 123px;
}
.section6_btn {
    margin-left: -34px;
    padding-top: 7px;
}