@charset "utf-8";
@import url(default.css);


/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#444;
	font-size:85%;
	font-family:'kozuka-gothic-pr6n','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:180%;
	background:url(../shared/bg.png) repeat-x;
	-webkit-text-size-adjust:100%;
}

#wrapper{
	max-width:960px;
	width:100%;
	margin:0 auto;
	background-color:#fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

	@media screen and (max-width:960px){

		#wrapper{
			border-left:none;
			border-right:none;
		}
	
	}
	

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

a{color:#444;}
a:hover{color:#c00;}

sup{
  vertical-align:baseline;
  position:relative;
  top:-1ex;
}

a img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
a img{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}


/* 共通部品 ---------------------------------- */



/* ヘッダー ---------------------------------- */

#loading {
	display:none;
	width:100%;
	height:100%;
	background:url(../shared/loading.gif) no-repeat 50% 50% fixed #fff;
	position:fixed;
	z-index:1000;
}
		

#globalheader{
	width:100%;
	/*height:110px;*/
}

	#headertop{
		position:relative;
		z-index:200;
		background:url(../shared/line_header.gif) repeat-x #fff;
	}

	#globalheader h1{
		max-width:178px;
		width:40%;
		height:45px;
		margin:15px 0 0 25px;
		float:left;
		position:relative;
		z-index:210;
	}
	#globalheader h1 img{width:100%;}

#chgtxt{width:100px;position:relative;
		z-index:210;float:left;}

	@media screen and (max-width:960px){

		#globalheader h1{
			height:43px;
			margin-top:17px;
			margin-left:3%;
		}
	
	}
	
	#menubtn{
		display:none;
		width:36px;
		height:51px;
		margin-bottom:-36px;
		float:right;
		background-image:url(../shared/btn_menu.png);
		background-position:0 100%;
		background-repeat:no-repeat;
		background-size:36px auto;
		position:relative;
		top:5px;
		right:4%;
		z-index:1000;
		cursor:pointer;
	}
	#menubtn img{width:100%;}

	@media screen and (max-width:650px){

	/*#globalheader nav ul{display:none;}*/
	#menubtn{display:block;}

	}

	#headerlink{
		padding:14px 25px 0;
	}

		.headerlink,
		#contactlink,
		#homelink{
			float:right;
		}

		.headerlink{margin:12px 0 0 30px;}
		#contactlink{margin:8px 0 0 30px;}
		#homelink{margin:10px 0 0 30px;}
	

	#globalheader nav ul{
		height:50px;
		position:relative;
		z-index:2;
	}

		#globalheader.fix nav ul{
			max-width:960px;
			width:100%;
			position:fixed;
			top:0;
		}

		#globalheader nav li{
			width:25%;
			height:50px;
			text-align:center;
			list-style:none;
			float:left;
		}
		#globalheader nav li:first-child{background:#f2799a;}
		#globalheader nav li:nth-child(2){background:#b37412;}
		#globalheader nav li:nth-child(3){background:#f25844;}
		#globalheader nav li:last-child{background:#3e9950;}
	
			#globalheader nav li:first-child a:hover{
				color:#f2799a;
				background:#fffcdb;
			}
			#globalheader nav li:nth-child(2) a:hover{
				color:#f2799a;
				background:#fbe8e5;
			}
			#globalheader nav li:nth-child(3) a:hover{
				color:#f2799a;
				background:#fff;
				/*border-top:1px solid #eee;*/
			}
			#globalheader nav li:last-child a:hover{
				color:#3a5f37;
				background:#b4d6b0;
			}


			#globalheader nav li a{
				display:block;
				height:50px;
				color:#fff;
				line-height:50px;
				font-size:1.15em;
				font-weight:bold;
				letter-spacing:0.02em;
				text-decoration:none;
				background-image:url(../shared/dot_menu.png);
				background-repeat:no-repeat;
				background-position:95% 50%;
				background-size:12px auto;
			}
			
		@media screen and (max-width:770px){
		
			#globalheader nav li a{font-size:1em;}

		}
		
		
			#globalheader nav li:first-child.active a{
				color:#f2799a;
				background:#fffcdb;
			}
			#globalheader nav li:nth-child(2).active a{
				color:#f2799a;
				background:#fbe8e5;
			}
			#globalheader nav li:nth-child(3).active a{
				color:#f2799a;
				background:#fff;
				/*border-top:1px solid #eee;*/
			}
			#globalheader nav li:last-child.active a{
				color:#3a5f37;
				background:#b4d6b0;
			}
				
				


	@media screen and (max-width:650px){

			#globalheader nav{
				width:100%;
				height:204px;
				margin-bottom:-204px;
				background:url(../shared/clear-white.png);
				position:relative;
				z-index:100;
				top:-204px;
			}
	
			#globalheader nav ul{
				width:100%;
				height:204px;
				margin-bottom:-204px;
				z-index:110;
				position:relative;
			}

				#globalheader nav li{
					width:95%;
					padding-left:5%;
					float:none;
					text-align:left;
					border-bottom:1px dotted #ccc;
				}

				#globalheader nav li a{
					width:auto;
				}
		
		#headerlink{display:none;}





/*
			#globalheader nav{
				height:608px;
				margin-bottom:-608px;
			}
	
			#globalheader nav ul{
				top:204px;
			}
*/
	}



		.content-sec{padding:0 20px;}
	
		.inner{padding:45px 0 30px;}

		.content-sec h2{
			margin:0 0 20px 60px;
			font-size:2.1em;
			font-weight:bold;
			letter-spacing:0.07em;
		}
		.content-sec h2 img{width:100%;}

	@media screen and (max-width:770px){
		
		.content-sec h2{
			margin-left:5%;
			font-size:1.8em;
		}
		
	}
	
			.stdtext{
				margin:0 0 30px;
				color:#804F21;
				font-family: "tbcinergothic-std";
				font-size:1.40em;
				text-align:center;
				letter-spacing:0.01em;
				line-height:1.7em;
			}

		@media screen and (max-width:770px){
	
			.stdtext{
				margin-left:6%;
				margin-right:6%;
			}
		}

	#main{
		width:100%;
		background:url(../shared/img_sideborder.gif) repeat-y 0 0,url(../shared/img_sideborder.gif) repeat-y 100% 0;
	}
	
	@media screen and (max-width:960px){
		
		#main{background-size:15px auto;}
		.content-sec{padding:0 15px;}

		.stdtext{font-size:1.3em;}
		
	}

	@media screen and (max-width:770px){
		
		#main{background-size:10px auto;}
		.content-sec{padding:0 10px;}

	}

	@media screen and (max-width:650px){
		
			.stdtext{
				line-height:1.5em;
			}
			
	}
	

/* mainheader */

	#fb{
		float:right;
		width:120px;
		height:24px;
		margin-right:1%;
		margin-bottom:-24px;
		overflow:hidden;
		position:relative;
		top:10px;
		z-index:99;
	}
	#tweet{
		float:right;
		width:200px;
		height:20px;
		margin-right:1%;
		margin-bottom:-40px;
		overflow:hidden;
		position:relative;
		top:14px;
		z-index:98;
	}

	#catmain{
		 max-width:349px;
		 width:80%;
		 height:65px;
		 margin:0 0 -65px 28px;
		 position:relative;
		 top:27px;
		 z-index:1;
		/*margin-top:-24px;*/
	}
	#catmain img{width:100%;}
	
		#mainimage{
			margin-bottom:-9px;
		}
		
		#mainimage img{
			width:100%;
		}

		#maincaption{
			/*height:175px;*/
			margin-bottom:-130px;
			padding-bottom:30px;
			position:relative;
			top:-130px;
			overflow:hidden;
		}


		#mainheader .stdtext{
			margin:0 20px -20px 0;
			color:#fff;
			font-size:1.25em;
			text-align:left;
			text-shadow:0 0 4px #003b80;
			letter-spacing:0.03em;
		}

			#brandmark{
				float:left;
				width:140px;
				margin:0 16px -20px 35px;
			}
			#brandmark img{width:100%;}

	@media screen and (max-width:960px){
		
		#mainheader .stdtext{
			font-size:1.20em;
			letter-spacing:0.02em;
		}
		
		#mainheader .stdtext br{display:none;}

	}

	@media screen and (max-width:770px){
		
		#maincaption{
			margin-bottom:-110px;
			top:-110px;
		}

		#mainheader .stdtext{
			font-size:1.10em;
			line-height:1.6em;
		}

			#brandmark{
				width:100px;
				margin:10px 16px -20px 35px;
			}

	}

	@media screen and (max-width:650px){

	#catmain{
		margin-left:10px;
		margin-right:10px;
		top:190px;
	}

		.stdtext{
			margin-left:5%;
			margin-right:5%;
			font-size:1.2em;
			text-align:left;
		}
		.stdtext br{display:none;}


		#maincaption{
			margin-bottom:5px;
			top:0;
		}

			#mainheader .stdtext{
				margin-top:15px;
				margin-left:5%;
				color:#003b80;
				font-size:1.15em;
				line-height:1.5em;
				letter-spacing:0.03em;
				text-shadow:none;
			}

			#brandmark{
				margin-bottom:0;
			}
	}

	@media screen and (max-width:560px){

	#catmain{
		margin-left:10px;
		margin-right:10px;
		top:170px;
	}
	
	}

	@media screen and (max-width:490px){

	#catmain{
		margin-left:10px;
		margin-right:10px;
		top:130px;
	}

		#maincaption{
			height:auto;
			margin-bottom:20px;
		}
		
			#mainheader .stdtext{
				margin:-10px 5% -30px;
				letter-spacing:0.03em;
			}

			#brandmark{
				float:none;
				margin:20px auto;
			}
			
	}

	@media screen and (max-width:375px){

		#catmain{ top:100px;}
			
	}




	.banarea{
		/*text-align:center;*/
		margin-bottom:-8px;
		background:#fccf00;
		/*background-image:url(../images/bg_naming-campaign.jpg);
		background-position:50% 50%;
		background-repeat:no-repeat;*/
	}

	.banarea img{
		width:100%;
		/*margin-top:10px;*/
	}


/* MOVIE */

		#movie{
			margin:0 auto -50px;
			padding-top:50px;
			position:relative;
			top:-50px;
		}

	@media screen and (max-width:650px){
		
		#movie{
			margin:0 auto;
			padding-top:0;
			top:0;
		}
		
	}
	
	
	/* 『はなちゃんのおでか』け */
	.movie-sec {

	}
	
		#secondstory{
			/*padding:10px 0 30px;*/
			background-color:#fffcdb;
		}

		#thirdstory {
			background: #F4CDCc;
		}

	@media screen and (max-width:770px){
	
		#secondstory{
			padding-top:0;
		}

	}
		
			.movie-sec > .inner{
				width:90%;
				margin:0 auto;
				
			}
	
			#secondstory .leftbox{
				width:56%;
				float:left;		
				
			}

		@media screen and (max-width:770px){
	
			#secondstory .leftbox{
				width:100%;
				float:none;		
				
			}
			
		}
	
			#secondstory h2{
				max-width:440px;
				/*width:80%;
				position:relative;
				left:-2%;*/
				margin-right: auto;
				margin-left: auto;
			}
	
		@media screen and (max-width:770px){
	
			/*#secondstory h2{
    max-width: 440px;
    width: 70%;
    min-width: 260px;
				margin:0 auto 30px;
				left:0;
			}*/
	
		}
	
				#secondstory h3{
					max-width:450px;
					width:100%;
					margin:0 auto 20px;
				}
				#secondstory h3 img{width:100%;}
	
				.movie-sec .stdtext{
					width:100%;
					text-align:left;
				}
	
			@media screen and (max-width:770px){
	
				.movie-sec .stdtext{
					margin:0 0 20px;
				}
	
			}

	
			#secondstory .rightbox{
				max-width:320px;
				width:39%;
				float:right;				
			}
	
		@media screen and (max-width:770px){
	
			#secondstory .rightbox{
				max-width:430px;
				width:100%;
				margin:0 auto 50px;
				float:none;				
			}
	
		}
	
		@media screen and (max-width:490px){
			
			#secondstory .rightbox{width:90%;}
			
		}
		
			#secondstory .rightbox img{
				width:100%;
				margin-bottom:30px;
			}
	
		@media screen and (max-width:770px){
		
			#secondstory .rightbox img{
				width:48%;
				margin-bottom:0;
				float:left;
			}
			#secondstory .rightbox img:nth-of-type(1){
				margin-right:4%;
			}

		}


			#movie ul{
				width:650px;
				margin:0 auto;
			}

		@media screen and (max-width:770px){

			#movie ul{
				width:430px;
				margin:0 auto;
			}
			
		}

		@media screen and (max-width:490px){
		
			#movie ul{
				width:210px;
				margin:0 auto;
			}
			
		}
		
				#movie li{
					width:210px;
					margin-right:10px;
					list-style:none;
					float:left;
				}
				#movie li:first-child{
					width:650px;
					margin-right:0;
					float:none;
				}
				#movie li:last-child{margin-right:0;}

		@media screen and (max-width:770px){
			
				#movie li:first-child{width:430px;}
				
				#movie li:nth-child(3){margin-right:0;}

		}


		@media screen and (max-width:490px){
			
				#movie li{
					margin-right:0;
				}
				#movie li:first-child{
					width:210px;
					float:left;
				}
				
				#movie li:nth-child(3){margin-right:0;}

		}
	
				#movie li img{
					border-radius:10px;
					width:100%;
				}
	
				#movie li p{
					text-align:center;
					margin:3px 0 12px;
				}



	
	/* 第１弾 */
	

			#firststory{background:#c1e1de;}

			.movie-sec h2{
				max-width:440px;
				width:70%;
				min-width:260px;
				margin:0 auto 30px;
			}



/* にこやか食堂とは */

		#about{
			margin:0 auto -50px;
			padding-top:50px;
			position:relative;
			top:-50px;
		}

	@media screen and (max-width:650px){
		#about{
			margin:0 auto;
			padding-top:0;
			top:0;
		}
	}
		
			#about .inner{background:#fbe8e5;}
		
			#about h2{color:#f2799a;}
	

		#about .stdtext{
			margin-left:5%;
			margin-right:5%;
			font-size:1.2em;
			text-align:left;
		}

	@media screen and (max-width:770px){

		#about .stdtext{
			margin-left:6%;
			margin-right:6%;
		}
		
	}


		@media screen and (max-width:375px){

			#about .borderbox h3 br.spbr{display:inline;}
			#about .borderbox h3 span{display:inline;}
			
		}
	
	
	
	
		#nikoyaka{
			max-width:358px;
			width:80%;
			margin:50px 0 0 90px;
			float:left;
		}
		#nikoyaka img{width:100%;}

	@media screen and (max-width:960px){
		
		#nikoyaka{
			margin-left:13%;
		}
		
	}

	@media screen and (max-width:770px){

		#nikoyaka{
			margin:30px auto;
			float:none;
		}
		
	}
	
	
		#imageabout{
			max-width:373px;
			width:43%;
			margin:0 55px 0 0;
			float:right;
			position:relative;
		}

	@media screen and (max-width:960px){
		
		#imageabout{
			margin-right:7%;
		}
		
	}


	@media screen and (max-width:770px){
		
		#imageabout{
			width:90%;
			margin:0 auto;
			text-align:center;
			float:none;
		}
		
	}

	
				
				#imageabout img{
					width:100%;
					border-radius:10px;
				}

				#imageabout p{
					margin-top:0;
				}



/* キャラクター紹介 */

		#character{
			margin:0 auto -160px;
			padding-top:49px;
			position:relative;
			top:-49px;
		}

	@media screen and (max-width:960px){

		#character{
			margin:0 auto -100px;
		}

	}
	
	
	@media screen and (max-width:650px){
		#character{
			margin:0 auto;
			padding-top:0;
			top:0;
		}
	}
		
		#character h2{color:#f2799a;}
		
			#character ul{
				padding-bottom:30px;
			}

		@media screen and (max-width:960px){

			#character ul{
				margin-bottom:0;
				padding-bottom:50px;
			}
				
		}
		
				#character li{
					color:#935e36;
					text-align:center;
					list-style:none;
					position:relative;
				}

				
				#character li#girl{
					top:40px;
					margin-bottom:40px;
				}
				
				#character li#father{
					top:-160px;
					margin-bottom:-190px;
				}

				#character li#mother{
					top:-100px;
					margin-bottom:-140px;
				}
				
				#character li#hana{
					top:-180px;
					margin-bottom:-180px;
				}

				#character li#neko{
					top:-120px;
					margin-bottom:-200px;
				}
				
					#character li img{
						width:290px;
						float:right;
						position:relative;
					}
				
					#character li#girl img{
						margin-right:10px;
						top:-60px;
					}
					
					#character li#father img{
						float:left;
						margin-left:45px;
					}
					
					#character li#mother img{
						margin-right:10px;
						margin-bottom:10px;
					}
					
					#character li#hana img{
						float:left;
						margin-left:45px;
						top:50px;
					}
					
					#character li#neko img{
						margin-right:30px;
						margin-bottom:10px;
						top:20px;
					}
				
					#character li div{
						width:500px;
						left:105px;
						float:left;
						position:relative;
					}
					#character li#father div{
						width:290px;
						top:70px;
						left:15px;
					}
					
					#character li#hana div{
						width:290px;
						top:100px;
						left:15px;
					}
					
					#character li#neko div{
						width:500px;
						margin-bottom:-80px;
						top:-30px;
						left:105px;
					}
		
	
		
						#character li h3{
							padding-bottom:15px;
							font-size:1.7em;
							font-weight:bold;
							text-align:left;
							border-bottom:1px solid #1a1a1a;
							position:relative;
						}
				
						#character li p{
							margin:13px 0;
							font-size:1.30em;
							text-align:left;
							line-height:1.6em;
							letter-spacing:0.01em;
							position:relative;
						}
		

		@media screen and (max-width:960px){
				
				#character li#girl{
					top:0;
					margin-bottom:0;
				}
				
				#character li#father{
					top:-20px;
					margin-bottom:0;
				}

				#character li#mother{
					top:0;
					margin-bottom:0;
				}

				#character li#hana{
					top:0;
					margin-bottom:0;
				}

				#character li#neko{
					top:50px;
					margin-bottom:0;
				}
				
					#character li img{
						max-width:182px;
						width:35%;
					}

					#character li#girl img{
						margin-right:5%;
						top:0;
					}
					
					#character li#father img{
						margin-left:45px;
					}
					
					#character li#mother img{
						margin-right:10px;
					}

					
					#character li#hana img{
						margin-left:45px;
						top:0;
					}
					
					#character li#neko img{
						margin-right:30px;
						top:-100px;
					}
				
					#character li div{
						width:55%;
						margin-bottom:0;
						left:60px;
					}

					#character li#girl div{
						top:30px;
					}
					#character li#father div{
						width:55%;
						top:30px;
						left:30px;
					}
					#character li#mother div{
						top:30px;
					}
					#character li#hana div{
						width:55%;
						top:50px;
						left:30px;
					}
					#character li#neko div{
						width:55%;
						left:50px;
					}

					#character li#girl div br{display:none;}

		}

		@media screen and (max-width:650px){


				#character li{padding-bottom:20px;}
				
					#character li img,
					#character li#father img,
					#character li#hana img{
						float:none;
						width:35%;
						min-width:150px;
						margin:0;
					}
					#character li#neko img{top:-70px;}	
			
					#character li#girl div,
					#character li#father div,
					#character li#mother div,
					#character li#hana div,
					#character li#neko div{
						width:90%;
						margin:0 auto;
						float:none;
						left:0;
						top:0;
					}
					#character li#neko div{top:-110px;}

		
						#character li h3{
							padding-bottom:10px;
							font-size:1.5em;
						}
				
		}





/* 食材紹介 */

		#shokuzai{
			margin:0 auto -50px;
			padding-top:49px;
			position:relative;
			top:-49px;
		}

	@media screen and (max-width:650px){
		#shokuzai{
			margin:0 auto;
			padding-top:0;
			top:0;
		}
	}
		
		#shokuzai .inner{
			background:#b4d6b0;
			padding-bottom:250px;
		}
		
		#shokuzai h2{color:#3a5f37;}
	
		#shokuzai ul{
			max-width:702px;
			width:90%;
			margin:20px auto;
		}
		
			#shokuzai li{
				float:left;
				max-width:327px;
				width:46%;
				margin:7px 12px;
				list-style:none;
			}
			#shokuzai li .img-nikoyaka img{
				width:100%;
				border-radius:10px;
			}
			
			#shokuzai li .lbl-nikoyaka{
				width:100px;
				margin-bottom:-95px;
				position:relative;
				top:-205px;
				left:-20px;
			}
			
			#shokuzai li:nth-child(2n) .lbl-nikoyaka{
				float:right;
				left:20px;
			}
			
			
			#shokuzai li .lbl-nikoyaka img{width:100%;}


	@media screen and (max-width:960px){
	
			#shokuzai li{margin:5px 2%;}
			
			#shokuzai li .lbl-nikoyaka{
				top:-190px;
			}

	}

	@media screen and (max-width:650px){
				
	
		#shokuzai ul{
			max-width:540px;
			width:90%;
			margin:20px auto;
		}
		
			#shokuzai li{
				float:none;
				width:100%;
				margin:7px auto;
			}
			#shokuzai li .img-nikoyaka img{width:100%;}

			#shokuzai li .lbl-nikoyaka{
				width:85px;
				margin-bottom:-76px;
				top:-205px;
			}
			
	}

	@media screen and (max-width:490px){

			#shokuzai li .lbl-nikoyaka{
				width:80px;
				margin-bottom:-75px;
				left:-10px;
			}
			
			#shokuzai li:nth-child(2n) .lbl-nikoyaka{
				left:10px;
			}

	}

	@media screen and (max-width:375px){

			#about .borderbox h3 br.spbr{display:inline;}
			#about .borderbox h3 span{display:inline;}
		
			#shokuzai li .lbl-nikoyaka{
				top:-180px;
			}

	}








				
/* フッター ---------------------------------- */


	#link-to-header{
		z-index:100;
		position:fixed;
		bottom:30px;
		right:20px;
		width:80px;
		margin-top:-80px;
		display:none;
	}

		#link-to-header img{
			width:100%;
			float:right;
			position:relative;
			z-index:100;
		}
		


/* フッター ---------------------------------- */

	#globalfooter{
		background:#fff;
	}
		
	#footertop{
		margin:0 0 0 10px;
		padding:11px 0 0 40px;
		border-top:1px solid #ccc;
		height:32px;
		background:url(../shared/logo_JA.gif) no-repeat 0 7px;
		font-size:90%;
	}


		#link-to-wrapper{
			display:block;
			float:right;
			background:url(../shared/bg_link-to-wrapper.gif);
			padding:1px 0 0 25px;
			margin:9px 10px 0 0;
			color:#2c6234;
			width:83px;
			height:22px;
			font-size:10px;
			text-decoration:none;
		}

				#link-to-wrapper:hover{color:#ea6000;}
	
			#footertop ul{
				float:left;
				margin:1px 0 0 40px;
			}
		
				#footertop li{
					list-style:none;
					float:left;
					margin-right:30px;
				}
		
				#footertop li a:hover img{
					filter:alpha(opacity=70);
					-moz-opacity:0.70;
					opacity:0.70;
				}
	
			#footertop p{
				float:left;
				margin:0;
			}
		

		#footerbottom{
			clear:both;
			/*background:url(../common/arrow_left_white1.png) no-repeat 15px 11px #398044;*/
			background:url(../common/arrow_left_white1.png) no-repeat 15px 11px #2c6234;
			border-top:1px solid #6c9171;
			color:#c3d9c7;
			padding:5px 15px 10px 30px;
			font-size:85%;
		}

			#footerbottom p{
				float:right;
				width:50%;
				margin:0;
				text-align:right;
				font-size:95%;
			}
			
			#footerbottom a{
				text-decoration:none;
				color:#c3d9c7;
			}

			#footerbottom a:hover{
				text-decoration:underline;
				color:#ffc;
			}



	@media screen and (max-width:640px){
		
		#footertop{
			padding:11px 0 0 40px;
		}

		#footerbottom{padding:5px 3% 10px;}

			#footerbottom p{
				width:auto;
				margin:0;
				text-align:left;
				float:none;
			}
			
	}

#character li#btn{
	top:-60px;
	margin-bottom:250px;
}

#character li div.coloring-book-btn {
	display: block;
	width: 100%;
	margin-top: -70px;
	text-align: left;
}
.coloring-book-btn a {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 15px 50px;
	border-radius: 50px;
	background-color: #fbe8e5;
	color: #f2799a;
	text-decoration: none;
	transition: all 0.3s;
	font-weight: bold;
}
.coloring-book-btn a:hover {
	opacity: 0.6;
}