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


@media only screen and (max-width: 768px){ /* ---- Handy Landscape ---- */
   	
	#page_wrapper{
	    overflow-y:    hidden;	
	}
	/* header_wrapper css */
	#head_wrapper{
		height:        200px;
		float:         none;
	    width:         90%;
		margin:        auto;	
	}
	#logo{
	   float:          none;
       height:         75px;
       position:       relative;
	   margin:         auto;
	   top:            40px;
	   width:          200px;
	   
    }
	#title_wrapper{
	   float:         none;
	   height:        75px;
	   text-align:    center;
	   width:         90%;
	   position:      relative;
	   top:           20px;
	   right:         0%;
	   margin:        auto;
	}
	
	/* content_main css */
	#content_wrapper{
	    float:         none;
		width:         90%;
		margin:        auto;
		overflow-x:    hidden;	
	}
	#main-wrapper{
	    float:         none;
		width:         100%;
		margin:        auto;
	}
	#content_main{
		float:         none;
		width:         86%;
		position:      relative;
		top:           20px;
		margin:        auto;
		padding:       10px;
        word-wrap:     break-word;
		left:          20px;
	}
	
	/* sidebar_wrapper css */
	.sidebar_wrapper{
		float:         none;
		width:         100%;	
	}
	.content_sidebar{
		width:         86%;
		margin-left:   10px;
		padding:       10px;
	}
	
	/* keyvisual_wrapper css */
	#keyvisual{
	    width:        90%;	
    }
}