@charset "UTF-8";


/* 
*
*  Maika Kobayashi
*
*  layout / スマートフォン
*
*/	



/* ////////////////////////////////     body      ////////////////////////////////////////// */	

html,body {
	background: #ffffff none ;
	}
			
			

			.conts_prop{width:100%}
		

/* ////////////////////////////////     bg      ////////////////////////////////////////// */	
			
/* ////////////////////////////////     header      ////////////////////////////////////////// */	

		
	#navi_sp{height:180px;display: block;}	
	#navi_sp .navi_prop {width:100%;padding: 0px 0 20px 0;height:auto;}

		h1{margin-top:10px}
		#navi_sp .navi_conts {width:380px;margin:10px auto 0 auto;position: relative;}
		#navi_sp .navi_conts ul{margin: 0 -5px 0 0; overflow: hidden; _zoom: 1;}
		#navi_sp .navi_conts li{float: left;margin: 0 5px 3px 0;}
			
			.sp_btn{width: 120px;height:30px;text-align: center;line-height:30px;background-color: #F2F2F2;}
			.sp_btn a{text-decoration: none;font-size:8px;color: #848484}
			.sp_btn a:hover{text-decoration: underline;}
		

	/* PC navi削除 */
	#navi{display: none}
	
	
/****************************************************************/


.child {width: 100%;height: 100%;z-index: 500;position: absolute;left:0px;top:0;}
.child_container {margin-left: 0px;}
.child_prop {width: 400px;padding-top: 200px;}

	.prop_r {float: none;padding: 20px}
	.prop_l {float: none;padding: 20px;margin-bottom: 40px;}
	
	
	.btn_close{position: absolute;top:200px;right:0}
	

/* information */
#information .prop_r {width:380px}

/* links */
#links .blog_p_road{top:70px;left:200px}

h2, h3, #contact p{padding: 20px}



/****************************************************************/

.element {
	width: 140px;
	height: 140px;
}
.variable-sizes .element.width2 {
	width: 281px;
}
.variable-sizes .element.height2 {
	height: 281px;
}