@charset "UTF-8";
@media screen and (max-width:640px)  {
  #headerarea,#navi,#navi UL,#opus,#atelier,#calender,#map,#parking{
  clear: both;
}
#main,#navi,#navi UL LI,#opus,#atelier,#headerarea,#map,#parking,#calender,#atelier P,.headerarea-box,.headerarea-box2,.headerarea-box3,.iframe-content{
  width:100%;
}
#headerarea{
  height: 30px;
  background-color: transparent;
  background: 0% 0% / auto auto scroll padding-box border-box;
}
#navi,#atelier H4{
  font-size: 16px;
}
#navi,#opus,#topic,#brand,#atelier,#footer{
  padding: 0px;
  margin: 10px;
}
IMG{
  max-width: 100%;
  height: auto;
}
#counter{
  display: none;
}
#navi UL LI{
  padding-top: 10px;
    }
#navi UL{
  padding-right: 30px;
}
	BODY{
	
	background-color: transparent;
	
	background-image : url(../../image/material/smart.gif);background-repeat : repeat-y;background-attachment : scroll;background-position : center center;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
	
}

           	.headerarea-box{
	
	margin-top: 20px;
	
}

	#HPBMAP_20160224075139{
	
	max-width: 100%;
	
	height: auto;
	
}
            .atelier-info{
                 
                             font-size: 14px;
} .atelier-info{
	margin: 0 -10px;
}
    	.atelier-info th, .atelier-info td{
	
	width: 100%;
	
	display: block;
	
	border-top-width: medium;
	
	border-top-style: none;
	
	border-top-color: initial;
	
	text-align: left;
	
}.atelier-info TD{

                       font-size : 13px;

}
    .atelier-info TR:first-child TH{
	border-top : 1px solid #dddddd;
  }
}
}