@charset "utf-8";
/* CSS Document */


body,html{
	background:#0d659c;
	position:relative;
}

/*ローディング*/
#pre_loading{
	position:fixed;
	width:100%;
	background:#0d659c;
	height:100%;
	z-index:1000;
	text-align:center;
}
#pre_loading:before{
	content: "";
	height: 100%;
	vertical-align:middle;
	width: 0px;
	display: inline-block;
}
#pre_loading .loading_val {
	vertical-align:middle;
	display:inline-block;
	width:80%;
	max-width:420px;
	text-align:center;
}
#pre_loading .loading_val>div{
	width:100%;
}
#pre_loading .loading_val img.loadingimg01 {
	width:100%;
	height:auto;
}
#pre_loading .loading_val img.circle{
}


.outline{
	display:none;
}


#cont_campaign .pc_onl{
	display:block;
}
#cont_campaign .smp_onl{
	display:none;
}
#loading {
	display:none;
	text-align:center;
}
#loading img {
	width:50px;
	height:auto;
}
.contents{
	width:100%;
	overflow:hidden;
	padding-top:0;
	background:url(/resources/img/special/doraemon/bg_stars.jpg);
}

#ie8 .contents {
	min-width:950px;
}

.footer_simple2{
	margin-top:0;
}
/*メインイメージ*/
#cont_mainimg{
	position:relative;
	width:150%;
	left:-50%;
	height:auto;
	margin-left:25%;
	}	
#cont_mainimg .inner{
	max-width:100%;
	width:2500px;
	margin:auto;
}
#cont_mainimg .cont_mainimg_img{
	position:relative;
	width:100%;
	height:auto;
}
#cont_campaign{
	width:100%;
	background:url(/resources/img/special/doraemon/bg_stars.png) repeat-x;
	background-size:25%;
	position:relative;
	margin-top:-7%;
	padding-top:5%;
}
#cont_read {
	margin-bottom:-2%;
	}
#cont_read .inner {
	width:80%;
	margin:auto;
	max-width:1200px;
	text-align:center
}
#cont_read .txt_read{
	width:100%;
	height:auto;
}
#cont_read .txt_dates{
  width:50%;
	height:auto;
}
#headlink{
	position:absolute;
	width:100%;
	top:0;
	}
#headlink .inner{
	width:74%;
	max-width:1230px;
	margin:auto;
}
#headlink #dpr_top{
	display:block;
	width:13%;
	height:40px;
	overflow:hidden;
	text-indent:-100%;
	}


/*キャンペーンコンテンツ*/
#cont_contents{
	width:80%;
	margin:0 auto;
	max-width:1200px;
	}
/*メインメニュー*/
#cont_mainmenu {
	margin:0;
	padding:0;
}
#cont_mainmenu li{
	width:33.3%;
	float:left;
	list-style-type:none;
}
#cont_mainmenu li a{
	display:block;
}
#cont_mainmenu li img {
	display:block;
}
 
/*開催エリア*/
#cont_openarea{
	width:85%;
	margin:auto;
	color:#FFFFFF;
	padding:2em 0;
	
}
#cont_openarea h3{
	text-align:center;
	margin:0;
	padding:7px 0;
}
#cont_openarea ul {
	margin:0;
	padding:0;
} 
#cont_openarea ul li{
	list-style-type:none;
	float:left;
}
#cont_openarea ul li:after{
	content:"｜";
	
}
#cont_openarea ul li a {
	color:#FFFFFF;
}


/*映画紹介*/
#aboutmovie {
	width:100%;
	background:#000000;
	}
#aboutmovie .inner {
	max-width:1100px;
	margin:auto;
	text-align:center;
	padding:0 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
#aboutmovie .l_clm {
	width:40%;
	float:left;
	}
#aboutmovie .r_clm {
	width:58%;
	max-width:600px;
	float:right;
	padding-bottom:10px;
	}
#aboutmovie .r_clm img {
	display:block;
	}
#aboutmovie a {
	margin-top:10px;
	display:block;
	}
#aboutmovie a:hover {
	opacity:0.7;
	}





/*-----------------クイズラリー・おえかき　共通------------------*/
.cont_cam{
	width:97%;
	margin:auto;
	background:url(/resources/img/special/doraemon/bg_cont_blue.png);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:1.5em 3em;
	margin-top:2em;
	position:relative;
}
.grow {
	border:1px solid #488fb6;
  -webkit-box-shadow: 0 0 15px 0 #FFF; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 15px 0 #FFF; /* Firefox用 */
  box-shadow: 0 0 15px 0 #FFF; /* CSS3 */
}
.cont_cam .cont_tit{
	margin:0 -2% 0 -2%;
}
.cont_cam .cont_backimgs{
	position:absolute;
	top:0;
	left:0;
	margin-top:-3%;
}
.cont_cam .cont_bgstars{
	width:100%;
	height:auto;
}
.cont_cam .cont_present{
	position:relative;
	background:url(/resources/img/special/doraemon/bg_cont_pre.png);
	padding:15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-top:1em;
	border-radius:5px;
}

.cont_cam .cont_howto{
	color:#FFFFFF;
}
.cont_cam .cont_howto p{
	width:98%;
	margin:1.5em 0;
	color:#fff100;
	font-size:170%;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
}
.cont_cam .cont_howto h3{
	border-bottom:1px solid #FFFFFF;
	padding-bottom:0.2em;
}
.cont_cam .cont_howto ul{
	margin:0;
	padding:0;
	margin-top:15px;
}
.cont_cam .cont_howto ul li{
	list-style-type:none;
	padding:0.2em 0;
}
.cont_cam .cont_howto ul li:before{
	color:#284270;
	font-weight:bold;
	background:#fff10e;
	border-radius:10px;
	margin-right:5px;
	padding:0 0.15em;
}
.cont_cam .cont_howto ul li.li01:before{
	content:"１";
}
.cont_cam .cont_howto ul li.li02:before{
	content:"２";
}
.cont_cam .cont_howto ul li.li03:before{
	content:"３";
}

#pagetop a{
	float:right;
	margin-right:30px;
	}


/*-----------------クイズラリー------------------*/
#cont_quiz {
	display:none;
}
#cont_quiz .cont_tit h3 {
	margin-top:0;
	width:65%;
}
#cont_quiz .cont_mainimg01{
	position:absolute;
	width:27%;
	left:55%;
	top:13%;
	}
#cont_quiz .cont_mainimg02{
	position:absolute;
	width:26%;
	top:-2%;
	right:-2%;
}
#cont_quiz .cont_tit{
	position:relative;
}
#cont_quiz .cont_present h4{
	text-align:center;
	margin-top:0;
}
#cont_quiz .cont_present .quiz_pre_tit{
	width:60%;
	width:430px\9;
	height:auto;
	max-width:430px;
	margin-bottom:10px;
	
}
#cont_quiz .cont_present ul.cont_present_ul{
	margin:0;
	padding:0;
	margin-left:-15px;
}
#cont_quiz .cont_present ul.cont_present_ul li{
	float:left;
	list-style-type:none;
	width:33.3%;
}
#cont_quiz .cont_present ul.cont_present_ul li>div{
	background:#00aae5;
	border-radius:5px;
	margin-left:15px;
}
#cont_quiz .cont_present ul.cont_atten_ul{
	color:#FFFFFF;
	margin:0;
	padding:0;
	margin-top:1em;
	line-height:1.3;
	}
#cont_quiz .cont_present ul.cont_atten_ul li{
	list-style-type:none;
	display:inline;
}
#cont_quiz .cont_present p{
	color:#FFFFFF;
	padding:0.3em 0.7em;
	margin:0;
	font-weight:bold;
}
#cont_quiz .cont_keyword {
	width:70%;
	margin:5em auto;
	}
#cont_quiz .cont_keyword h4{
	margin-top:0;
	margin-bottom:-10%;
}
#cont_quiz .btn_keywords{
	position:relative;
	display:block;
	background:#fff107;
	width: 100%;
	text-align: center;
	padding: 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2);
}
#keyword_ans{
	max-width:700px;
	margin:auto;
	margin-top:20px;
	display:none;
}
#keyword_ans ul{
	margin:0;
	padding:0;
	margin-left:-20px;
}
#keyword_ans ul li {
	width:20%;
	float:left;
	padding-left:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style-type:none;
}





/*-----------------------ぬりえ・おえかき------------------------*/
#cont_nurie {
		display:none;
}
#cont_nurie .cont_tit h3 {
	margin-top:0;
	width:55%;
}
#cont_nurie .cont_tit{
	position:relative;
}
#cont_nurie .cont_mainimg01{
	position:absolute;
	width:30%;
	left:55%;
	top:0;
	}
#cont_nurie .cont_mainimg02{
	position:absolute;
	width:19%;
	top:30%;
	right:-1%;
}
#cont_nurie .cont_nurieimg01{
	width:43%;
	height:auto;
	margin-left:-10px;
	float:left;
}
#cont_nurie .cont_present .r_clm{
	width:53%;
	float:right;
}
#cont_nurie .cont_nurie_txt01{
	width:80%;
	height:auto;
	margin-top:1em;
}
#cont_nurie .cont_prebox{
	background:#00aae5;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:5px 5px 5px 15px;
	margin-top:15px;
	color:#FFFFFF;
}
#cont_nueir .cont_prebox .inner{
	display:table-row;
}
#cont_nurie .cont_prebox_l_clm{
	width:68%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}
#cont_nurie .cont_prebox_r_clm{
	width:32%;
	display:table-cell;
	vertical-align:middle;
}
#cont_nurie .cont_prebox h4 {
	margin-top:0;
}
#cont_nurie .cont_prebox p{
	margin:0;
	padding:0;
}
#cont_nurie .cont_prebox img {
	width:95%;
	height:auto;
	float:right;
}
#cont_nurie .downloads{
	margin-left:-15px;
	margin-top:15px;
}
#cont_nurie .downloads ul{
	margin:0;
	padding:0;
}
#cont_nurie .downloads li{
	width:50%;
	float:left;
	list-style-type:none;
}
#cont_nurie .downloads li a{
	background:#ffe100;
	display:block;
	border-radius:5px;
	padding:20px 10%;
	margin-left:15px;
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2);
}
#cont_nurie .downloads li a:hover{
	opacity:0.8;
	
}
#cont_nurie .cont_present ul.cont_atten_ul{
	color:#FFFFFF;
	margin:0;
	padding:0;
	margin-top:1em;
	line-height:1.3;
	}
#cont_nurie .cont_present ul.cont_atten_ul li{
	list-style-type:none;
	display:inline;
}


/*-----------------------ヒーロー誕生コンテストt------------------------*/
#cont_contest{
}
#cont_contest h3 {
	margin:0 -2.5%;
}
#cont_contest h3 img {
	margin-top:-2.5%;
}
#cont_contest .cont_award{
}
#cont_contest .cont_award p.read{
	color:#FFFFFF;
	/*margin-bottom:80px;*/
}
#cont_contest .cont_award_wrap{
	margin-top:80px;
	border-radius:10px;
	background:url(/resources/img/special/doraemon/bg_contest01.jpg);
	background-size:100% 1px;
	background-position:center;
	padding:0 25px 20px 25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#cont_contest .cont_award_wrap h4{
	text-align:center;
}
#cont_contest .cont_award_wrap h4 img{
	margin-top:-50%;
}
#cont_contest .cont_award_wrap h5{
	text-align:center;
	font-weight:bold;
	color:#a77600;
	font-size:200%;
	margin:20px 0;
}
#cont_contest .cont_awardimg{
	text-align:center;
}
#cont_contest .cont_awardimg>div {
	display:inline-block;
}
#cont_contest .cont_awardimg img{
	width:100%;
	max-width:700px;
	display:block;
	margin-bottom:10px;
	-webkit-box-shadow: 0 0 10px 2px #d5c16a;
	box-shadow: 0 0 10px 2px #d5c16a;
}
#cont_contest .cont_awardimg span.cont_aw_ttl{
	float:left;
	font-weight:bold;
}
#cont_contest .cont_awardimg span.cont_aw_name{
	float:right;
}
#cont_contest .cont_awrdadbout{
	/*border-top:#c29200 1px solid;*/
	/*padding-top:15px;*/
}
#cont_contest .cont_awrdadbout.award01{
	margin-top:40px;
}
#cont_contest .awardabout_ttl{
	/*color:#a77600;
	font-weight:bold;
	margin-top:0;
	font-size:157%;*/
	color:#FFFFFF;
	background:#e60012;
	padding:3px 10px;
	margin-top:10px;
	border-radius:5px;
}
#cont_contest .cont_award_present01{
	float:right;
	margin-left:10px;
}
#cont_contest .cont_awardsul{
	margin:0 0 0 -25px;
	padding:0;
	display:block;
	overflow:hidden;
}
#cont_contest .cont_awardsul li{
	list-style-type:none;
	width:33.3%;
	float:left;
	margin-bottom:50px;
	cursor:pointer;
}
#cont_contest .cont_awardsul li>div {
	margin-left:25px;
}
#cont_contest ul img {
	margin-bottom:5px;
	-webkit-box-shadow: 0 0 10px 2px #d5c16a;
	box-shadow: 0 0 5px 1px #d5c16a;
}

#cont_contest ul span.cont_aw_ttl{
	font-weight:bold;
}
#cont_contest ul span.cont_aw_name{
	display:block;
}
#cont_mainmenu.view li{
	opacity:1;
	margin-top:0;
	margin-bottom:0;
}
#cont_mainmenu.view li img{
	display:block;
}


/*モーダルウィンドウ*/
#cont_modalbase{
	position:fixed;
	top:0; left:0; 
	width:100%;
	height:100%;
	background:url(/resources/img/special/doraemon/bg_black80.png);
	z-index:998;
	display:none;
	}
#cont_modal {
	position:absolute;
	display:none;
	z-index:999;
	width:100%;
	height:100%;
	text-align:center;
	}
#cont_modal .inner{
	position:relative;
	background:#FFFFFF;
	width:100%;
	max-width:700px;
	padding:10px;
	margin-top:30px;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#cont_modal .cont_closebtn{
	float:right;
	padding:2px 5px;
	cursor:pointer;
	background:#979797;
	color:#FFFFFF;
	margin-right:-10px;
	margin-bottom:-10px;
}
#cont_modal .cont_modal_hitarea{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


	
/*#cont_modal{
	position:fixed;
	top:0; left:0; 
	width:100%;
	height:100%;
	z-index:999;
	background:url(/resources/img/special/doraemon/bg_black80.png);
	text-align:center;
	display:none;
	}
#cont_modal .cont_modalhitarea{
	position:fixed;
	top:0; left:0; 
	width:100%;
	height:100%;
}
#cont_modal:before{
	content: "";
	height: 100%;
	vertical-align:middle;
	width: 0px;
	display: inline-block;
}
#cont_modal .inner{
	position:relative;
	vertical-align:middle;
	background:#FFFFFF;
	display:inline-block;
	padding:10px 10px 0 10px;
}
#cont_modal .cont_modal_val{
}
#cont_modal .cont_closebtn{
	float:right;
	padding:2px 5px;
	cursor:pointer;
	background:#979797;
	color:#FFFFFF;
	margin-right:-10px;
}*/










@media screen and (min-width:1250px) {
#cont_campaign {
	background-size:341px 350px;
}
}

@media screen and (max-width:1250px) {
#cont_mainimg{
		width:180%;
		margin-left:-40%;
		left:auto;
		height:auto;
	}
#cont_mainimg .cont_mainimg_img{
	position:relative;
	width:100%;
	height:auto;
	left:0;
	margin-left:0;
}
#cont_read .txt_read{
	width:95%;
}
#cont_read .inner {
		width:100%;
}
/*キャンペーンコンテンツ*/
#cont_contents{
	width:100%;
	}
#headlink .inner{
	width:90%;
}
}


@media screen and (max-width: 900px) {
	/*クイズ・お絵かき*/
	.cont_cam{
		padding:1em;
	}
	.cont_howto p{
		font-size:128.5%;
	}
	/*コンテスト*/
	#cont_contest .cont_award_wrap h5{
		font-size:145%;
	}
}


@media screen and (max-width: 640px) {
	/*コンテ*/
	#cont_contest .cont_award_wrap{
		padding:0 10px 10px 10px;
	}
	#cont_contest .cont_awardsul li {
		width:50%;
	}
	#cont_contest ul span.cont_aw_ttl{
		font-size:87.5%;
	}
}

@media screen and (max-width: 480px) {
	#cont_campaign .pc_onl{display:none;}
	#cont_campaign .smp_onl{display:block;}	
	#cont_read .txt_dates{
  	width:70%;
		height:auto;
	}
	#aboutmovie img {
		float:none;
		}
	#aboutmovie img.img01 {
		width:70%;
		display:block;
		margin:auto;
		}
	#aboutmovie img.img02 {
		width:100%;
		margin-top:5px;
		}
	#aboutmovie img.img03 {
		display:none; }
	#aboutmovie .l_clm {
		width:100%;
		float:none;
		display:none;
		}
	#aboutmovie .r_clm {
		width:100%;
		float:none;
		}
	#cont_mainmenu li{
		width:100%;
	}
	#headlink #dpr_top{
	display:block;
	height:20px;
	overflow:hidden;
	text-indent:-100%;
	}
		
	/*クイズラリー*/
	#cont_quiz .cont_mainimg{
		top:-15px;
	}
	#cont_openarea{
		width:95%;
	}
	#cont_quiz .cont_present .quiz_pre_tit{
		width:80%;
	}
	#cont_quiz .cont_present ul.cont_present_ul li{
		width:100%;
		margin-bottom:10px;
	}
	#cont_quiz .cont_present ul.cont_present_ul li img {
		width:55%;
		height:auto;
		float:left;
	}
	#cont_quiz .cont_keyword {
		width:98%;
		margin:3em auto;
	}
	/*ぬりえ・おえかき*/
	#cont_nurie .cont_nurieimg01{
		display:none;
	}
	#cont_nurie .cont_present .r_clm{
		width:100%;
	}
	#cont_nurie .cont_nurie_txt01{
		width:100%;
	}
	#cont_nurie .downloads li {
		width:100%;
		margin-bottom:5px;
	}
	#cont_nurie .downloads li a{
	padding:20px 5%;
	}
	/*コンテスト*/
	#cont_contest .cont_award p.read{
		/*margin-bottom:20px;*/
	}
	#cont_contest .cont_award_wrap{
		margin-top:40px;
	}
	#cont_contest .cont_award_wrap h5{
		font-size:128.5%;
		margin:10px 0;
	}
	/*コンテスト*/
	#cont_contest .cont_awardimg span.cont_aw_name{
		float:left;
		clear:left;
	}
	#cont_contest .cont_awrdadbout.award01{
		margin-top:20px;
	}
	#cont_contest .cont_awardsul{
		margin:0 0 0 -10px;
	}
	#cont_contest .cont_awardsul li>div {
		margin-left:10px;
	}
	#cont_contest .cont_awardsul li{
		margin-bottom:20px;
	}
	#cont_contest .awardabout_ttl{
		font-size:100%;
	}
}







/*---------------アニメーション---------------*/
/*メインメニューのマウスオーバー*/
#cont_mainmenu li a { margin-top:0;
-webkit-transition-property:margin-top;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:linear;
-moz-transition-property:margin-top;
-moz-transition-duration:0.2s;
-moz-transition-timing-function:linear;
-o-transition-property:margin-top;
-o-transition-duration:0.2s;
-o-transition-timing-function:linear;
transition-property:margin-top;
transition-duration:0.2s;
transition-timing-function:linear;
 }
#cont_mainmenu li a:hover { 
	margin-top:5px;
 }
 
 
 /*リード文表示*/
#cont_read {
	margin-top:5%;
	margin-bottom:-5%;
	opacity:0;
	-webkit-transition-property:margin-top,margin-bottom,opacity;
	-webkit-transition-duration:1s;
	-webkit-transition-timing-function:easeOutCirc;
	-moz-transition-property:margin-top,margin-bottom,opacity;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:easeOutCirc;
	-o-transition-property:margin-top,margin-bottom,opacity;
	-o-transition-duration:1s;
	-o-transition-timing-function:easeOutCirc;
	transition-property:margin-top,margin-bottom,opacity;
	transition-duration:1s;
	transition-timing-function:easeOutCirc;
}
#cont_read.view {
	margin-top:0;
	margin-bottom:-2%;
	opacity:1;
	}


 
/*メインメニュー*/ 
#cont_mainmenu li{
	opacity:0;
	margin-top:80px;
	margin-bottom:-80px;
	-webkit-transition-property:opacity,margin-bottom,margin-top;
	-webkit-transition-timing-function:easeOutCirc;
	-webkit-transition-delay:0.5s;
	-moz-transition-property:opacity,margin-bottom,margin-top;
	-moz-transition-timing-function:easeOutCirc;
	-moz-transition-delay:0.5s;
	-o-transition-property:opacity,margin-bottom,margin-top;
	-o-transition-timing-function:easeOutCirc;
	-o-transition-delay:0.5s;
	transition-property:opacity,margin-bottom,margin-top;
	transition-timing-function:easeOutCirc;
	transition-delay:0.5s;
}
#cont_mainmenu li.nth1{
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
}
#cont_mainmenu li.nth2{
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-o-transition-duration:1.5s;
	transition-duration:1.5s;
}
#cont_mainmenu li.nth3{
	-webkit-transition-duration:2s;
	-moz-transition-duration:2s;
	-o-transition-duration:2s;
	transition-duration:2s;
}




/*--------------クイズラリーアニメーション---------------*/

/*タイトル表示*/
#cont_quiz .cont_tit h3 , #cont_nurie .cont_tit h3{
	opacity:0;
	margin-left:-100px;
	-webkit-transition-duration:1s;
	-webkit-transition-delay:0.3s;
	-moz-transition-duration:1s;
	-moz-transition-delay:0.3s;
	-o-transition-duration:1s;
	-o-transition-delay:0.3s;
	transition-duration:1s;
	transition-delay:0.3s;
}
#cont_quiz.view .cont_tit h3 , #cont_nurie.view .cont_tit h3  {
	opacity:1;
	margin-left:0;
}


/*キーワード表示*/
#keyword_ans ul li:nth-child(1) img{
	-webkit-animation: rotateplane 2s 1 -1s ease-in-out;
	-moz-animation: rotateplane 2s 1 -1s ease-in-out;
	-o-animation: rotateplane 2s 1 -1s ease-in-out;
  animation: rotateplane 2s 1 -1s ease-in-out;
	}
#keyword_ans ul li:nth-child(2) img{
	-webkit-animation: rotateplane 2s 1 -0.8s ease-in-out;
	-moz-animation: rotateplane 2s 1 -0.8s ease-in-out;
	-o-animation: rotateplane 2s 1 -0.8s ease-in-out;
  animation: rotateplane 2s 1 -0.8s ease-in-out;
	}
#keyword_ans ul li:nth-child(3) img{
	-webkit-animation: rotateplane 2s 1 -0.6s ease-in-out;
	-moz-animation: rotateplane 2s 1 -0.6s ease-in-out;
	-o-animation: rotateplane 2s 1 -0.6s ease-in-out;
  animation: rotateplane 2s 1 -0.6s ease-in-out;
	}
#keyword_ans ul li:nth-child(4) img{
	-webkit-animation: rotateplane 2s 1 -0.4s ease-in-out;
	-moz-animation: rotateplane 2s 1 -0.4s ease-in-out;
	-o-animation: rotateplane 2s 1 -0.4s ease-in-out;
  animation: rotateplane 2s 1 -0.4s ease-in-out;
	}
#keyword_ans ul li:nth-child(5) img{
	-webkit-animation: rotateplane 2s 1 -0.2s ease-in-out;
	-moz-animation: rotateplane 2s 1 -0.2s ease-in-out;
	-o-animation: rotateplane 2s 1 -0.2s ease-in-out;
  animation: rotateplane 2s -0.2s ease-in-out;
	}
@-webkit-keyframes rotateplane {
  0% { transform: rotateY(180deg); opacity:0 }
	50%{ transform: rotateY(180deg); opacity:0 }
  100% { transform: rotateY(0deg); opacity:1 }
}
@-moz-keyframes rotateplane {
  0% { transform: rotateY(180deg); opacity:0 }
	50%{ transform: rotateY(180deg); opacity:0 }
  100% { transform: rotateY(0deg); opacity:1 }
}
@-o-keyframes rotateplane {
  0% { transform: rotateY(180deg); opacity:0 }
	50%{ transform: rotateY(180deg); opacity:0 }
  100% { transform: rotateY(0deg); opacity:1 }
}
@keyframes rotateplane {
  0% { transform: rotateY(180deg); opacity:0 }
  50% { transform: rotateY(180deg); opacity:0 }
  100% { transform: rotateY(0deg); opacity:1 }
}


/*アニメーション共通*/
/*キャラクターアニメーション*/
.cont_backimgs .cont_mainimg01{
	-webkit-animation: movechara 4s infinite 0s ease-in-out;
	-moz-animation: movechara 4s infinite 0s ease-in-out;
	-o-animation: movechara 4s infinite 0s ease-in-out;
	animation: movechara 2s infinite 0s ease-in-out;
}
@-webkit-keyframes movechara {
	0%{ margin-top:1%;}
	50%{ margin-top:0; }
	100%{ margin-top:1%; }
}
@-moz-keyframes movechara {
	0%{ margin-top:1%;}
	50%{ margin-top:0; }
	100%{ margin-top:1%; }
}
@-o-keyframes movechara {
	0%{ margin-top:1%;}
	50%{ margin-top:0; }
	100%{ margin-top:1%; }
}
@keyframes movechara {
	0%{ margin-top:1%;}
	50%{ margin-top:0; }
	100%{ margin-top:1%; }
}
.cont_backimgs .cont_mainimg02{
	-webkit-animation: movechara2 5s infinite 0s ease-in-out;
	-moz-animation: movechara2 5s infinite 0s ease-in-out;
	-o-animation: movechara2 5s infinite 0s ease-in-out;
	animation: movechara2 5s infinite 0s ease-in-out;
}
@-webkit-keyframes movechara2 {
	0%{ margin-top:2%;}
	50%{ margin-top:0; }
	100%{ margin-top:2%; }
}
@-moz-keyframes movechara2 {
	0%{ margin-top:2%;}
	50%{ margin-top:0; }
	100%{ margin-top:2%; }
}
@-o-keyframes movechara2 {
	0%{ margin-top:2%;}
	50%{ margin-top:0; }
	100%{ margin-top:2%; }
}
@keyframes movechara2 {
	0%{ margin-top:2%;}
	50%{ margin-top:0; }
	100%{ margin-top:2%; }
}