/*
 * contents
 */
#contents{
	position:relative;
	display:block;
	background-image:url("../img/story_bg.jpg");
	background-repeat:no-repeat;
	background-position:50% 60px;
	width:100%;
	max-width:1920px;
	min-width:1100px;
	height:1115px;
	margin:0 auto;
}
.title{
width: 100%;
text-align: center;
	padding-top: 74px;
position: relative;
}
.story_block{
	position:relative;
	line-height: 0;
}
#story_text{
	position:relative;
	display:block;
	top:15px;
	margin:0 auto;
}

.story_text_link_01,.story_text_link_02{
	position: absolute;
	cursor: pointer;
}
.story_text_link_01 > img:hover,.story_text_link_02 > img:hover{
	opacity:1;
}
.story_text_link_01{
	top: 263px;
	left: 226px;
}
.story_text_link_02{
	top: 465px;
	left: 433px;
}

/*★ページ毎共通*/

/* *****************
 * index.html
 ***************** */


/*
 * footer
 */
#copy{
	position:relative;
	margin-top:13px;
	margin-bottom:40px;
}

/*
 * modal
 */
#modal_mv_window{
	position:absolute;
	display:none;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:854px;
	height:480px;
}

#modal_close{
	display: block;
	margin:0 0 0 auto;
}


/*
*ボタンホバー
*/
@keyframes btn{
/*	0%{transform: scale(1.3);}
	50%{transform: scale(0.8);}
	100%{transform: scale(1);}*/
}
@-webkit-keyframes btn{
	/*0%{-webkit-transform: scale(1.3);}
	50%{-webkit-transform: scale(0.8);}
	100%{-webkit-transform: scale(1);}*/
}
/*★その他定義_モーダルダイアログなど*/
.petals{
	height:1200px;
}

@-webkit-keyframes petalfailn{
	0%{
		-webkit-transform: translate(0px,0px);
	}
	80%{
		opacity:0.9;
	}
	100%{
		-webkit-transform: translate(0px,1200px);
		opacity:0;
	}
}
@keyframes petalfailn{
	0%{
		transform: translate(0px,0px);
	}
	80%{
		opacity:0.9;
	}
	100%{
		transform: translate(0px,1200px);
		opacity:0;
	}
}


#btn_story_category ul,
#btn_story_category li{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#btn_story_category li{
	display: inline-block;
	width: 146px;
	height: 49px;
}
#btn_story_category li a{
	width: 137px;
	height: 49px;
display: block;
}
#btn_story_category li:hover{
}
#btn_story_category li.current:hover{
opacity: 1;
}


#btn_story_category .btn_story_category_story{
	background-image:url("../img/btn_story_off.png"); 	
}
#btn_story_category .btn_story_category_story:hover{
	background-image:url("../img/btn_story_on.png"); 	
}
#btn_story_category .btn_story_category_story.current,
#btn_story_category .btn_story_category_story.current:hover{
	background-image:url("../img/btn_story_on.png"); 
}


#btn_story_category .btn_story_category_prolog{
	background-image:url("../img/btn_prolog_off.png"); 	
}
#btn_story_category .btn_story_category_prolog:hover{
	background-image:url("../img/btn_prolog_on.png"); 	
}
#btn_story_category .btn_story_category_prolog.current,
#btn_story_category .btn_story_category_prolog.current:hover{
	background-image:url("../img/btn_prolog_on.png"); 
}


#btn_story_category .btn_story_category_basecamp{
	background-image:url("../img/btn_basecamp_off.png"); 	
}
#btn_story_category .btn_story_category_basecamp:hover{
	background-image:url("../img/btn_basecamp_on.png"); 	
}
#btn_story_category .btn_story_category_basecamp.current,
#btn_story_category .btn_story_category_basecamp.current:hover{
	background-image:url("../img/btn_basecamp_on.png"); 
}

#contents.basecamp{
	position:relative;
	display:block;
	background-image:url("../img/basecamp/bg.png"),url("../../gallery/img/bg_pattern.png");
	background-repeat:no-repeat,repeat-y;
	background-position:50% 0,center 0;
	width:100%;
	max-width:1920px;
	min-width:1100px;
	height:2105px;
	height:auto;
	margin:0 auto;
	padding: 0 0 180px 0;
}
#contents.basecamp .title{
    padding: 98px 0 12px 0;
}
.basecamp .txt{
    text-align: center;
    padding: 14px 0 0px 0;
}
.basecamp .txt2{
    text-align: center;
    padding: 0px 0 0px 0;
    margin: -15px 0 -17px 0;
}
#kyoten{
    display: block;
    height: 548px;
    width: 1094px;
    margin: 0px  auto 0 auto;
    
}
#kyoten.bg1{
    background-image: url(../img/basecamp/map_sakusen.png);
}
#kyoten.bg2{
    background-image: url(../img/basecamp/map_eisei.png);
}
#kyoten.bg3{
    background-image: url(../img/basecamp/map_shukusha.png);
}
#kyoten.bg4{
    background-image: url(../img/basecamp/map_uraniwa.png);
}
#kyoten.bg5{
    background-image: url(../img/basecamp/map_mori.png);
}
#kyoten.bg6{
    background-image: url(../img/basecamp/map_shokudo.png);
}
#kyoten.bg7{
    background-image: url(../img/basecamp/map_shower.png);
}
#kyoten.bg8{
    background-image: url(../img/basecamp/map_buki.png);
}
#kyoten.bg9{
    background-image: url(../img/basecamp/map_kunren.png);
}
#kyoten ul{
    position: relative;
}
#kyoten ul li {
    list-style: none;
}
#kyoten ul li a{
    list-style: none;
    text-indent: -999em;
    width: 186px;
    height: 76px;
    position: absolute;
    display: block;
    cursor: pointer;
}
#kyoten ul li .btn1{
    top: 431px;
    left: 598px;
    background-image: url(../img/basecamp/btn_sakusen.png);
}
#kyoten ul li .btn2{
    top: 159px;
    left: 486px;
    background-image: url(../img/basecamp/btn_eisei.png);
}
#kyoten ul li .btn3{
    top: 219px;
    left: 328px;
    background-image: url(../img/basecamp/btn_shukusha.png);
}
#kyoten ul li .btn4{
        top: 233px;
    left: 98px;
    background-image: url(../img/basecamp/btn_uraniwa.png);
}
#kyoten ul li .btn5{
   top: 53px;
    left: 72px;
    background-image: url(../img/basecamp/btn_mori.png);
}
#kyoten ul li .btn6{
        top: 443px;
    left: 157px;
    background-image: url(../img/basecamp/btn_shokudo.png);
}
#kyoten ul li .btn7{
        top: 363px;
    left: 855px;
    background-image: url(../img/basecamp/btn_shower.png);
}
#kyoten ul li .btn8{
       top: 75px;
    left: 608px;
    background-image: url(../img/basecamp/btn_buki.png);
}
#kyoten ul li .btn9{
      top: 161px;
    left: 826px;
    background-image: url(../img/basecamp/btn_kunren.png);
}

#kyoten ul li .btn1.current,
#kyoten ul li .btn1:hover{
    background-image: url(../img/basecamp/btn_sakusen_on.png);
}
#kyoten ul li .btn2.current,
#kyoten ul li .btn2:hover{
    background-image: url(../img/basecamp/btn_eisei_on.png);
}
#kyoten ul li .btn3.current,
#kyoten ul li .btn3:hover{
    background-image: url(../img/basecamp/btn_shukusha_on.png);
}
#kyoten ul li .btn4.current,
#kyoten ul li .btn4:hover{
    background-image: url(../img/basecamp/btn_uraniwa_on.png);
}
#kyoten ul li .btn5.current,
#kyoten ul li .btn5:hover{
    background-image: url(../img/basecamp/btn_mori_on.png);
}
#kyoten ul li .btn6.current,
#kyoten ul li .btn6:hover{
    background-image: url(../img/basecamp/btn_shokudo_on.png);
}
#kyoten ul li .btn7.current,
#kyoten ul li .btn7:hover{
    background-image: url(../img/basecamp/btn_shower_on.png);
}
#kyoten ul li .btn8.current,
#kyoten ul li .btn8:hover{
    background-image: url(../img/basecamp/btn_buki_on.png);
}
#kyoten ul li .btn9.current,
#kyoten ul li .btn9:hover{
    background-image: url(../img/basecamp/btn_kunren_on.png);
}





.basecamp .slide{
    background-image: url(../img/basecamp/slide_bg.png);
    width: 1008px;
    height: 406px;
    display: block;
    position: relative;
    margin:-15px auto 25px auto;
}
.basecamp .slide li{
    display: none;
    list-style: none;
    position: relative;
}
.basecamp .slide li img{
    position: absolute;
}
.basecamp .slide li.slide_1{
        top: 56px;
    left: -26px;
}
.basecamp .slide li.slide_2{
        top: 56px;
    left:14px;
}
.basecamp .slide li.slide_3{
        top: 56px;
    left:-26px;
}
.basecamp .slide li.slide_4{
        top: 56px;
    left:16px;
}
.basecamp .slide li.slide_5{
        top: 56px;
    left:-26px;
}
.basecamp .slide li.slide_6{
        top: 56px;
    left:16px;
}
.basecamp .slide li.slide_7{
        top: 56px;
    left:16px;
}
.basecamp .slide li.slide_8{
        top: 56px;
    left:16px;
}
.basecamp .slide li.slide_9{
        top: 56px;
    left:16px;
}
.basecamp .slide li:first-child{
    display: block;
}
.basecamp .slide .prev{
    position: absolute;
    background-image: url(../img/basecamp/btn_prev.png);
    width: 57px;
    height: 56px;
    top: 175px;
    left: -40px;
    cursor: pointer;
    text-indent: -999em;
}

.basecamp .slide .next{
    position: absolute;
    background-image: url(../img/basecamp/btn_next.png);
    width: 57px;
    height: 56px;
    top: 175px;
    right: -40px;
    cursor: pointer;
    text-indent: -999em;
    z-index: 77;
}
.basecamp .slide .next:hover,
.basecamp .slide .prev:hover{
    opacity: 0.7;
}

.basecamp.petals{
    height: 1500px;
}



.dummy{
    position: relative;
    
}
.dummy img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}

#contents.prolog{
    	position:relative;
	display:block;
	background-image:url("../img/prolog/bg1.jpg");
	background-repeat:no-repeat;
	background-position:50% 60px;
	width:100%;
	max-width:1920px;
	min-width:1100px;
	height:1460px;
	height:auto;
	margin:0 auto;
	padding: 0 0 180px 0;
}
#contents .prolog_bg2{
    position: absolute;
	display:block;
	background-image:url("../img/prolog/bg2.jpg");
	background-repeat:no-repeat;
	background-position:50% 60px;
	width:100%;
	max-width:1920px;
	min-width:1100px;
	height:1460px;
	margin:0 auto;
	padding: 0 0 180px 0;
    display: none;
}
#contents .prolog_bg3{
    position: absolute;
	display:block;
	background-image:url("../img/prolog/bg_fire.png");
	background-repeat:no-repeat;
	background-position:50% 60px;
	width:100%;
	max-width:1920px;
	min-width:1100px;
	height:1460px;
	margin:0 auto;
	padding: 0 0 180px 0;
}
#contents.prolog_contents{
    position: relative;
    z-index: 100;
}
#contents.prolog .text img{
    display: none;
}
#contents.prolog .text{
    position: relative;
    height: 846px;
}
#contents.prolog .text p{
    position: absolute;
}
#contents.prolog .text p.txt1{
    top: 45px;
    left: 87px;
}
#contents.prolog .text p.txt2{
       top: 223px;
    left: 403px;
}
#contents.prolog .text p.txt3{
        top: 438px;
    left: 87px;
}
#contents.prolog .text p.txt4{
   top: 614px;
    left: 402px;
}
#contents.prolog .petal img{
    display: none;
    opacity: 0 !important;
}