@charset "shift_jis";
@import url("//use.typekit.net/ibt0rdc.css");

#leftnavi{display:none !important;}
#wrapper,#middle_body{min-width: 1010px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{width:1010px !important;margin:0 auto !important;float:none !important;}

article#contents{
padding-left: 0 !important;
}
#aniv *{font-family:Meiryo,"メイリオ";}
#aniv h2,
#aniv .title_under
{
	position:relative;
	margin:0 -345px 100px;
	width:1700px;
}
.inner_content {
    width: 100%;
    margin: 0 auto;
   }
#aniv h2 .logo{
	position:absolute;
	top:40px;
	left:150px;
	z-index:500;
	
	animation-name:fadeinDown;
	animation-duration: 1s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	
}

@keyframes fadeinDown {
	 0% { opacity: 0; -webkit-transform: translateY(-50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadein {
	 0% { opacity: 0;}
 100% { opacity: 1;}
}
#aniv h2 .txt{
	position:absolute;
	
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;

	-webkit-text-orientation: upright;
	text-orientation: upright;

	display: inline-block;
	text-align: left;
	
	top: 106px;
	right: 465px;
	font-size: 24px;
	line-height:70px;	
	
	font-weight:bold;
	
	z-index:500;
	
	animation-name:fadein;
	animation-duration: 2s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;

}

#aniv h2 .txt .space {
height: 8px;
    display: inline-block;

}
#aniv h2 .txt .txt-num {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

#aniv h2 .cake {
position: absolute;
    top: 413px;
    left: 188px;
	z-index:100;
	
}


main#wrapper{
	background:url(/image/plaza_renewal_2019/bg.png)  center 0 repeat-x;
	background-color:#fdf8e8;

}



/*イベントバナー*/


#aniv .event{
	text-align:center;
	width:1700px;
	margin:0 -345px;
	position:relative;
	top:-165px;
	
}
#aniv .event li{
	background-repeat:no-repeat;
	background-position:center 700px;
	padding-bottom:80px;
	
	position:relative;
}

#aniv .event li#present{
	background-position:center 900px;
}

#aniv .event h3{
	
	font-family: din-condensed, sans-serif; 
	font-weight: 400;
	font-style: normal;

	text-transform: uppercase;
	font-size:62px;
	font-weight:bold;
	text-align:center;
	padding:60px 0;
	
}
#aniv .event a{
	color:#000;
}

#aniv .event li dl{
	margin:0 auto;
	background-color:#fff;
	border:20px solid #cc0000;
	padding:20px;
	padding-bottom:40px;
	width:960px;
	
	position:relative;
	z-index:50;
}
#aniv .event .title{	
	text-align:left;
	padding:3px 20px;
	font-size:68px;
	font-weight:bold;
}
#aniv .event .memo{
	text-align:left;
	padding:5px 20px;
	font-size:22px;
	padding-bottom:20px;
	
}
#aniv .event .btn{
	width:680px;
	margin:0 auto;
	border:2px solid #cc0000;
	background-color:#cc0000;
	padding:20px 0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	transition: .3s;
	
	display:block;
	
	cursor: pointer;
cursor: hand;
}
#aniv .event .btn:hover{
	background-color:#fff;
	color:#cc0000;
}



#aniv ul.item-slide,
#aniv ul.fish-slide {
	width:1700px;
	padding:0;
	margin-top:80px;
	}
#aniv ul.item-slide li{
	display:inline-block;
	float:left;
	padding:0;
	width:200px;
}
#aniv ul.item-slide li img{
	width:100%;
}
#aniv ul.item-slide:after {
	content:"";
	clear:both;
	display:block;
	width:100%;
}
#aniv ul.fish-slide{
	position:absolute;
	z-index:10;
	bottom:0;
}
#aniv ul.fish-slide li{
	width:800px;
	margin-left:2000px;
}
#aniv ul.fish-slide li img{
	width:100%;
}


