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


@media only screen and (max-width: 768px){ /* ---- Handy Landscape ---- */
   	#page_wrapper{
        width:95%
	}
	#content_left_wrapper{
		height:        500px;
		float:         none;
	    width:         100%;
		margin:        auto;	
	}
	/* header_wrapper css */
	#head_wrapper{
		height:        120px;
		float:         none;
	    width:         100%;
		margin:        auto;	
	}
	#logo{
	   float:          none;
       height:         150px;
       width:          200px;
       position:       absolute;
	   margin:         auto;
    }
	#title_wrapper{
	   float:         none;
	   height:        80px;
	   text-align:    center;
	   width:         100%;
	   position:      relative;
	   top:           0px;
	   right:         0%;
	   margin:        auto;
	}
	#navigation_wrapper{
		float:        none;
		height:30px;
	    width:        100%;
		left:0px;
		top: 120px;		
	}
	/* content_main css */
	#content_wrapper{
	    float:         none;
		width:         100%;
		margin:        auto;	
	}
	#main-wrapper{
	    float:         none;
		width:         100%;
		margin:        auto;	
	}
	#content_main{
		float:         none;
		width:         85%;
		margin:20px 15px 0px 15px;
	}
	
	/* sidebar_wrapper css */
	.sidebar_wrapper{
		float:         none;
		width:         100%;
	}
	.content_sidebar{
		width:         86%;
		padding:20px 15px 0px 15px;
	}
	
	/* keyvisual_wrapper css */
	#keyvisual{
	    width:        100%;	
		height:       500px;
    }
}