@charset "UTF-8";@media screen and (max-width:768px)  {

#headerarea,#navi,#navi UL,#opus,#atelier,#calender,#footer,#landscape{
	clear: both;
 }

#main,#navi,#navi UL LI,#opus,#atelier,#headerarea,#calender,.headerarea-box,.headerarea-box2,.headerarea-box3,.iframe-content{

             width:100%;
}
	#headerarea{
	
	height: 30px;
	
	background-color: transparent;
	
	background: url() 0% 0% / auto auto repeat scroll padding-box border-box;
	
}
	#navi,#atelier H4,#atelier P{
	
	font-size: 16px;
	
}
	#navi,#opus,#atelie{
	
	padding: 0px;
	
	margin: 5px;
	
}
img{
	max-width: 100%;
height: auto;
}


	#navi UL LI{
	

    margin-left : auto;
    margin-right : auto;
  margin : 10px;margin-bottom : 10px;
    font-weight : bold;
  
  
  
    width : auto;
    display : block;
  
    height : 40px;
  
    padding-left : 15px;
    padding-right : 5px;
  
}	
	#navi UL{
	
	padding-right : 0px;
	

    padding-left : 0px;
  }
	BODY{
	background-image : url(../../image/material/atelieback.gif);background-repeat : repeat-y;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	
}
	


 	.atelier-info{
	
	font-size: 16px;
	

    float : left;
  }