@charset "shift_jis";
/* CSS Document */


#leftnavi{display:none !important;}
#wrapper,
#middle_body{min-width: 1010px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{width:100% !important;margin:0 auto !important;float:none !important;}
#k_header,#headnews,.head_cgobi{display:none !important;}
.inner_content{width:auto;}

#wrapper{
	background: /*url(/IMAGE/newyear_campaign/2019/bk_bottom.png) center bottom no-repeat,*/
				url(/IMAGE/newyear_campaign/2020/title_bg.png) center 0px no-repeat,
				url(/IMAGE/newyear_campaign/2020/bg.jpg) center 0 repeat-y;
	background-color:#e24d39;
}


div#pankuzu-top {
    position: relative;
    top: -18px;
}
/*パンくず*/
#aniv #pankuzu{
	text-align:left;
	color:#5F3616;
	font-size:12px;
	}
#aniv #topicPath li{
	background:url(../IMAGE/16thanksgiving/topicpath.gif) no-repeat scroll right center;
}
#aniv #topicPath li.active{
	background: none;
}
#aniv #topicPath a:visited {
	text-decoration: underline;
	outline: none;
	color:#5F3616 ; !important;
}
	
#aniv #topicPath a:link,
#aniv #topicPath a:visited {
	color:#5F3616;
}

#aniv #topicPath a:hover, #aniv #topicPath a:focus,
#aniv #topicPath a:active {
	color:#5F3616;
	text-decoration: none;
}	

/*バナーを風船の手前に*/
#aniv .event1 a img{
	position:relative;
	z-index:200;
}




 

/*ヘッダーバナー非表示*/
#footer p, #headnews , #k_header { display:none;}

/* ■■■■■ 全体 ■■■■■ */
#aniv * {
	margin:0;
	padding:0;
}
#aniv img {
	vertical-align:bottom;
	border:none;
}

#aniv {
	width:960px;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	line-height:100%;
	position:relative;
	/*padding-bottom:150px;*/
	/*color:#FFFFFF*/
}

/* ■■■■■ 共通クラス ■■■■■ */
#aniv h2 {
	width:900px;
	position:relative;
	top:7px;
	left:30px;
	margin-bottom:80px;
}
#aniv h3,#aniv h4 {
	margin:0 0 5px;
	padding:0;
}
#aniv ul, #aniv ul li,#aniv dl, #aniv dl dt, #aniv dl dd {
	list-style:none;
}
#aniv li {
	float:left;
}

#aniv img {
	vertical-align:bottom;
	border:none;
}
/* --- ページTOP --- */
#aniv p.top{
	text-align:right;
	margin:10px 10px 20px;
	background:#FFF;
}



/* ■■■■■ ナビゲーション部分 ■■■■■ */

#aniv ul.navi {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 1040px;
	margin:0 0 80px -10px;
}
#aniv ul.navi li {
  display:table-cell;
  vertical-align:middle;

}


/* ■■■■■ イベントバナー【大】 ■■■■■ */
#aniv ul.event1{
	width:970px;
	margin:5px auto 70px;
}
#aniv ul.event1 li{
	margin-bottom:100px;
}




#aniv ul.event-bn a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


#aniv ul.banner_frame li{
	position:relative;
	padding-bottom: 16px;
	margin-top:40px;
	
}

#aniv ul.banner_frame li:before{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame3.png),
		url(/image/newyear_campaign/2020/banner_frame2.png);
	background-position:center bottom -24px,center;
	background-repeat:no-repeat,repeat-y;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}
#aniv ul.banner_frame li:after{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame1.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: -110px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}


#aniv ul.banner_frame li.sale:before{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame3_sale.png),
		url(/image/newyear_campaign/2020/banner_frame2.png);
	background-position:center bottom -24px,center;
	background-repeat:no-repeat,repeat-y;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}
#aniv ul.banner_frame li.sale:after{
	content: "";
	
	background-image:
		url(/image/newyear_campaign/2020/banner_frame1.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width: 1072px;
	height: 100%;
	position: absolute;
	top: -110px;
	left: -52px;
	z-index: 300;
	pointer-events: none;
}


/* ■■■■■ バナー【中バナー】 ■■■■■ */

#aniv ul.event-bn{
	list-style:none;
	width:742px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:100px;
}
#aniv ul.event-bn li{
	float:left;
	list-style:none;
	width:352px;
	margin:0 0 0 12px;
	padding:15px 0 0 0;
}
#aniv ul.event-bn li.long{
	float:left;
	list-style:none;
	width:706px;
	margin: 10px 0 0 17px;
}




/* ■■■■■ アイリップさんとQちゃん ■■■■■ */
#aniv .irip{
	position: absolute;
	top:100px;
	left:-110px;
	animation: irip 1.5s ease-in-out infinite alternate;
	-webkit-animation: irip 1.5s ease-in-out infinite alternate;
	-moz-animation: irip 1.5s ease-in-out infinite alternate;

}

/*@keyframes irip {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}*/

#aniv .qchan{
	position: absolute;
	top:225px;
	left:750px;
	animation: qchan 1.5s ease-in-out infinite alternate;
	-webkit-animation: qchan 1.5s ease-in-out infinite alternate;
	-moz-animation: qchan 1.5s ease-in-out infinite alternate;

}

/*@keyframes qchan {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}*/

/* ■■■■■ その他キャラ ■■■■■ */
#aniv .sanyu{
	position: absolute;
	top: 577px;
	left: -260px;
	animation: sanyu 2.5s ease-in-out infinite alternate;
	-webkit-animation: sanyu 2.5s ease-in-out infinite alternate;
	-moz-animation: sanyu 2.5s ease-in-out infinite alternate;

}

@keyframes sanyu {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}

#aniv .aris{
	position: absolute;
	top: 610px;
	left: 975px;
	animation: aris 2.5s ease-in-out infinite alternate;
	-webkit-animation: aris 2.5s ease-in-out infinite alternate;
	-moz-animation: aris 2.5s ease-in-out infinite alternate;

}

@keyframes aris{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

#aniv .suchimi{
	position: absolute;
	top: 1145px;
	left: -215px;
	animation: sanyu 2.5s ease-in-out infinite alternate;
	-webkit-animation: sanyu 2.5s ease-in-out infinite alternate;
	-moz-animation: sanyu 2.5s ease-in-out infinite alternate;

}

@keyframes suchimi {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}

#aniv .basuke{
	position: absolute;
	top: 1075px;
	left: 940px;
	animation: aris 2.5s ease-in-out infinite alternate;
	-webkit-animation: aris 2.5s ease-in-out infinite alternate;
	-moz-animation: aris 2.5s ease-in-out infinite alternate;

}

@keyframes basuke{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

#aniv .jyo{
	position: absolute;
	top: 1615px;
	left: -225px;
	animation: jyo 2.5s ease-in-out infinite alternate;
	-webkit-animation: jyo 2.5s ease-in-out infinite alternate;
	-moz-animation: jyo 2.5s ease-in-out infinite alternate;

}

@keyframes jyo {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}

#aniv .ereri{
	position: absolute;
	top: 1640px;
	left: 945px;
	animation: ereri 2.5s ease-in-out infinite alternate;
	-webkit-animation: ereri 2.5s ease-in-out infinite alternate;
	-moz-animation: ereri 2.5s ease-in-out infinite alternate;

}

@keyframes ereri{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

#aniv .maiko{
	position: absolute;
	top: 2080px;
	left: -294px;

}

#aniv .seitaro{
	position: absolute;
	top: 2089px;
	left: 955px;
	animation: seitaro 2.5s ease-in-out infinite alternate;
	-webkit-animation: seitaro 2.5s ease-in-out infinite alternate;
	-moz-animation: seitaro 2.5s ease-in-out infinite alternate;

}

@keyframes seitaro{
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}




.inner_content_newyear_campaign{
	background:url(/IMAGE/newyear_campaign/chidori.png);
	background-repeat: repeat-x;
	animation: cloudmove 80s linear infinite;
	-webkit-animation: cloudmove 80s linear infinite;
	-moz-animation: cloudmove 80s linear infinite;
}

@keyframes cloudmove {
	0% {background-position: 0 0;}
	100% {background-position: -1700px 0;}
}