@media screen and (min-width: 769px){
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
 
 #header00 {
  width: 100%;
  height:830px;
  background: url(http://www.colourmeorganic.co.jp/blog/images/top_bg01.jpg); 
  z-index: 10;
  background-size:cover;
  margin:0px;
  padding:0px;
}

#header{
display:none;
}
.header_top{
height:830px;}
#headbar00 {
/* 上部に固定するCSS */
position: fixed;
top: 0px;
left: 0px;
width: 100%;
/* バーの装飾 */
 background: url(http://www.colourmeorganic.co.jp/blog/images/bg_menu.png) center; 
padding-bottom:20px;
}
}

/* スマフォ用 画面の横幅が767pxまで */
@media (max-width: 768px) { 
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
#header{
display:none;
}

#header00{
	width:100%;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding: 0 0 10px 0;
    background: url(http://www.colourmeorganic.co.jp/blog/images/sp_top_bg00.png) 0 0 no-repeat;
    background-size: cover;
	}
#header00 img{
  width: 100%;
  height: auto;
}
.top_logo{
	width:80%;
	margin:0 auto;
	}
  .top_btn .btn01{
  margin: 0 0 10px 0;}
}