@charset "utf-8";

/* ==================================================================================================================
   エイプリル企画2015 水龍敬ランドソシャゲ化？
=====================================================================================================================*/

img{
	vertical-align:bottom;
	}


	/* 01
------------------------------------------------------------ */

div#mizuryu_land img{
vertical-align:bottom;
}
div#mizuryu_land {
background-color: #ffffff;
background: url(/img/contents_pc/event/aprilfool_2015/main_bg.png) no-repeat top center;
background-attachment:fixed;
/* left: 40px; */
}

div#mizuryu_land div{
/* position:relative; */
}

div#mizuryu_land .container{
margin: 0 auto;
width: 1000px;
padding: 80px 0;
/* display: -webkit-inline-box; */
position: relative;
}

/* ------------------前半------------------- */
div#mizuryu_land .box_01{
width:1000px;
height:1682px;
/* padding-top: 40px; */
box-shadow: 0px 0px 40px rgba(0,0,0,0.9);
background: url(/img/contents_pc/event/aprilfool_2015/mainpic_01.jpg) no-repeat;
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
        -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
z-index: 10;
}
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-1000deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-1000deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 



/* ------------------後半------------------- */

div#mizuryu_land .box_02{
width:1000px;
height:1450px;
background: url(/img/contents_pc/event/aprilfool_2015/mainpic_02.jpg) no-repeat;
z-index: 10;
position: relative;
}


/* ------------------ボタン関係------------------- */


div#mizuryu_land a.btn_twt {
    position: absolute;
    background: url(/img/contents_pc/event/aprilfool_2015/btn_twt.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 36px;
    height: 36px;
    top: 24px;
    left: 20px;
    z-index: 500;
}

div#mizuryu_land a.btn_fb {
  position: absolute;
  background: url(/img/contents_pc/event/aprilfool_2015/btn_fb.png) no-repeat;
  background-size: 100%;
  display: block;
  width: 36px;
  height: 36px;
  top: 24px;
  left: 80px;
  z-index: 500;
}

div#mizuryu_land a.btn_nijiyome {
  position: absolute;
  background: url(/img/contents_pc/event/aprilfool_2015/btn_nijiyome.png) no-repeat;
  background-size: 100%;
  display: block;
  width: 425px;
  height: 83px;
  top: 1320px;
  left: 100px;
  z-index: 500;
}

div#mizuryu_land a.btn_dlsite {
position: absolute;
  background: url(/img/contents_pc/event/aprilfool_2015/btn_dlsite.png) no-repeat;
  background-size: 100%;
  display: block;
  
width: 327px;
  height: 83px;
  
top: 1320px;
  
left: 550px;
  z-index: 500;
}

#mizuryu_land div a{
-webkit-animation-duration: 5s; 
animation-duration: 5s;
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
animation-iteration-count:infinite; 
-webkit-animation-iteration-count:infinite; 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInX; 
backface-visibility: visible !important; 
animation-name: flipInX; 
}

#mizuryu_land .sns_box {
    background: url(/img/contents_pc/event/aprilfool_2015/img_sns_bg.png) no-repeat;
    width: 134px;
    height: 182px;
    display: block;
    position: absolute;
    top: 5px;
    left: 790px;
    /* z-index: 5; */
}


#mizuryu_land a.btn_top {
    position: fixed;    
    background: url(/img/contents_pc/event/aprilfool_2015/btn_top.png) no-repeat;    background-size: 100%;    display: block;    
    width: 135px;    
    height: 160px;    
    bottom: 0;    
    left: 50%;    
    margin-left: 500px;
    z-index: 500;
}

#mizuryu_land a:hover{transition:all 0.3s ease;	opacity: 0.8;	filter: alpha(opacity=80);	}