@charset "utf-8";
/*==========================================
　
　FuwaFuwaRun CSS

==========================================*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	background:#feebcb;
	font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	line-height:1.5;
	color:#3c3228;
}

#page #content div > img{
	width:100%;
}

	/* layout
--------------------------------------- */	
	#page #content{
	width:800px;
	background:#fff;
	margin:0 auto;
	padding:20px 0 0;
	font-size:1.125rem;
}
	
#page #content > div{
	margin:0 50px;
	padding-bottom:100px;
	position:relative;
	background:url(../images/i_deer.png) no-repeat left bottom ;
}

#page #content div div{
	margin:0 0 30px;
}

#page #content div.cast_01{
	width: 210px;  
 height: 242px;
	margin-right:35px;
	float:left;
}

#page #content div.cast_02{
 width: 210px;  
 height: 253px;
	margin-right:35px;
 float:left;
}

#page #content div.cast_03{
width: 210px; 
height: 216px;
float:left;
}

#page .box_works {
	border-bottom:1px solid #ccc;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif ;
}

#page .box_works > p{
	width:450px;
	margin-bottom:30px;
	float:left;
}

#page .box_works > div{
	width:220px;
	float:right;
}

#page .box_works:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}


#page #box_sns{
	width:580px;
	margin:0 auto;
}

#page #box_sns div{
float:left;
padding-left: 5px;
}

/*title
--------------------------------------- */	

#page h1{
	width: 800px;  
 height: 448px; 
	margin:0 auto;
	}

#page h1 img{
	width:100%;
	}

#page h2{
	width:100%;
	margin:20px 0;
	padding:5px 0;
	clear:both;
	color:#FFF;
	background:#ffe118;
	font-weight:700;
	font-size:1.875rem;
	text-align:center;
	background-image:url(../images/bg_h3_01.gif);
}

#page h2:nth-of-type(2){
	background-image:url(../images/bg_h3_02.gif);
}


#page h3{
	width:450px;
	font-size:1.5rem;
}

#page h3::before {
	color:#51c9af;
	content: "■";
}

/*p
--------------------------------------- */	
#page p{
	margin:20px 0;
}

#page .txtCenter{
	text-align:center;
}

/*font
--------------------------------------- */	
#page strong{
	color:#ef2331;
	font-weight:900;	
	font-size:1.875rem;
}

#page .fontL{
	color:#00911e;
font-size:2.25rem;
}


	/*footer
--------------------------------------- */	

#page footer{
	padding:10px 0;
	background-color:#00911e;
	clear:both;
	color:#FFF;
	text-align:center;
	font-size:1rem;
}

#page #page-top{
	display:inherit;
	position: absolute;
	bottom:10px;
	right:30px;
}
	
#page #page-top a {
 width: 50px;
	height:50px;
	display: block;
	}

/*other
--------------------------------------- */	
#page .br_sp { 
 display:none; 
	}


/*--------------------------------------------

smartphone:CSS

--------------------------------------------*/
	
	@media screen and (max-width: 768px) {
#page {
	padding:0 10px;
}
		

	/* layout
--------------------------------------- */	
	#page #content{
	width:100%;
	font-size:1rem;
}
	
#page #content > div{
	margin:0 10px;
}

#page #content div.cast_01,
#page #content div.cast_02,
#page #content div.cast_03{
	width:100%;
	height:100%;
	margin:0 0 30px !important;
	clear:both;
	text-align:center;
}

#page #content div.cast_01 img,
#page #content div.cast_02 img,
#page #content div.cast_03 img{
	width:90%;
	margin:0 auto;
}

#page .box_works > p{
	width:100%;
	clear:both;
}

#page .box_works > div{
	width:100%;
	clear:both;
}


#page #content div#box_sns {
	margin:0 auto;
}

/*title
--------------------------------------- */	

#page h1{
	width:100%;
	height:100%
}

#page h2{
	font-size:1.5rem;
}

#page h3{
	width:100%;
}

/*font
--------------------------------------- */	
#page strong{
	font-weight:900;	
	font-size:1.5rem;
}

#page .fontL{
	font-size:1.5rem;
}

	/*footer
--------------------------------------- */	

#page footer{
	font-size:0.5rem;
}

/*other
--------------------------------------- */	
#page .br_sp { 
 display: block; 
	}
	}