*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
 
 
@media screen and (max-width: 1080px){
	
body{ font-size:14px; } 
	
h1, .h1{ font-size:38px; }
h2, .h2{ font-size:32px; }
h3, .h3{ font-size:24px; }
h4, .h4{ font-size:18px; }
h5, .h5{ font-size:14px; } 
h6, .h6{ font-size:13px; } 	

.content{ width:82.5%; max-width:100%;   } 	
	
#omk-bxheader{ max-width:100%; }
.omk-bxheader{  padding:36px 0 26px;   } 
.omk-bxheader > .tb > .c1{ width:180px; height:100px;  }
.omk-bxheader > .tb > .c1 > .bx{   margin-left:0px; }
 
.linkomk{ width:120px; height:38px; margin:0 6px; background-size:100% !important; }
.linkomk > span{  background-size:100% !important; }
	
	
#omk-story{  padding:0 0 65px; }
.bxstorytxt{  max-width:400px; padding:0; font-size:14px; margin:0; z-index:19; } 
.bxstorytxt > h1{ font-size:36px; line-height:1.13; font-weight:600; } 
.omkstorybg{  width:40%; background-size:120%; background-position:left top; }	
	
	
 
.bxomkproduct{ padding:26px 0 52px;  } 
.omkproductbg{ width:72%; right:0; background-position:left 40% !important; }
.contentbx{ max-width:100%; } 
.omkproductbx > .tb{ display:block; }
.omkproductbx > .tb > .tc1{ display:block;  } 
.omkproductbx > .tb > .tc2{ display:block; width:100%; }
.omkproductbx > .tb > .tc2 > .txtbx{ display:block; position: relative; max-width:420px; margin:0 auto; }
.omkproductbx > .tb > .tc2 > .txtbx > h1{ font-size:48px; }
.omkproductbx > .tb > .tc2 > .txtbx > .txt{ font-size:14px;   }
.omkproductbx > .tb > .tc2 > .txtbx > .btn{   padding:36px 0 0; }
 
a.btnbxomk{ width:120px; border-radius:30px; padding:14px; font-size:13px; margin-right:10px;  }
 
	
 
.omkvdotopbx{ max-width:100%; }   
.omkbxvdomake{ padding:16px 0 52px; }
.htxtbx{ padding:0 0 26px;   }
.htxtbx > h4{ font-size:20px;   }

.omkvdomake{ display:block; position: relative; text-align: center; }
.omkvdomake > a{  width:30%; padding:18px; } 
.omkvdomake > a > div > .icon{ background-size:42px;   } 
.omkvdomake > a:hover > div > .icon{ background-size:42px;  }
	
	
.omkbxmenu{ padding:65px 0;  } 
.omkmenubx > a{ width:30%;   }
 
	
.bxfooter{  padding:52px 0;  }
.footerlogo{ max-width:166px; } 
.footertb > .c1 > .bx{ max-width:260px; }
.footertb > .c2 > .bx, .footertb > .c3 > .bx{ display:block; }
	
a.bxbtn{ display:inline-block; position:relative; padding:10px; border-radius:30px; min-width:142px; }
	
#btntop{ width:42px; height:42px;  bottom:16px; right:16px;   }
#btntop > span{  width:20px; height:12px; -webkit-transform: translateY(12px); transform: translateY(12px);   }
#btntop:hover > span{  -webkit-transform: translateY(6px); transform: translateY(6px); }	
}


@media screen and (max-width:960px){ 
 
	
	
}


@media screen and (max-width:640px){

.content{ width:90.625%;   } 	
	
#pageomakase{  background: url("../img/bg-omakase-mobile.jpg") top center no-repeat; min-height:200px; }	
.omk-bxheader{  padding:29px 0;  }
.omk-bxheader > .tb{ display:block; }
.omk-bxheader > .tb > .c1{ display:block; position: relative; width:100%; }
.omk-bxheader > .tb > .c1 > .bx{  margin:0 auto; text-align: center;  }
.omk-bxheader > .tb > .c1 > .bx img{ max-width:150px; }	
.omk-bxheader > .tb > .c2{ display:block; text-align: center; padding:26px 0 0;    }
.omk-bxheader > .tb > .c2 > .bx{ display:block; position: relative;  }


#omk-story{  padding:0 0 340px; margin-bottom:52px; }
.bxstorytxt{  max-width:100%;  }  
.omkstorybg{  width:100%; background-size:380px; background-position:center bottom; }		

 
.omkproductbg{ width:70%; background-size:120%;  }	
.omkproductbx > .tb > .tc1 > .thumbbx{ width:200px; background-size:100%; padding-bottom:36px; }	
.omkproductbx > .tb > .tc1 > .thumbbx > img{ max-width:108px; }
.omkproductbx > .tb > .tc1 > .thumbbx > .fixicon{ bottom:39px; left:4.6875%; max-width:56px;  }
.omkproductbx > .tb > .tc1 > .thumbbx > .fixicon > div:first-child{ margin-bottom:4px; }
.omkproductbx > .tb > .tc2 > .txtbx{ max-width:82.5%;   }
 
	
 
.omkbxvdotop{ background: url("../img/omk-bgvdo-mobile.png") center no-repeat; min-height:467px;  }
.omkvdotopbx{   max-width:100%; padding:36px 0; margin:0 auto; }
.omkvdotopbx > h4{  padding:0 0 60px; }
.omkvdotop{  padding-bottom:36px; background-size:100%;   }
	
	
 

.omkvdomake{ display:block; position: relative; text-align: center; }
.omkvdomake > a{ display:block; width:100%; margin:0 auto 20px; }
 
.omkbxmenu{ padding:52px 0;  }
.omkmenubx{ text-align: center; }
.omkmenubx > a{ display:inline-block; width:48%;  margin:0 0.5% 20px; }
 

#bxfooter{ padding:39px 0; } 
.ftrbxcontact{ margin:-100px auto 0; }
.ftrbxcontact > .bx{ border-radius:20px; padding:26px 36px; width:90.625%; }
.ftrbxcontact > .bx > .tb{ display:block; text-align: center; }
.ftrbxcontact > .bx > .tb > .c1{ display:block; padding:0 0 26px;  }
.ftrbxcontact > .bx > .tb > .c2{ display:block;  width:100%; text-align:center; } 
 
.bxfooter{ padding:0;  } 
.footertb{ display:block;  }
.footertb > .c1{ display:block; width:100%; padding:0 0 26px; }
.footertb > .c2{ display:block; width:100%; padding:0 0 26px; }
.footertb > .c3{ display:block; width:100%; }
.footertb > .c1 > .bx{  max-width:100%; } 
.fttb > .c2{  text-align:left; }
.fttb > .c2 > .bx{  text-align: left; }
	
	
	
}

@media screen and (max-width:460px){
 
	
}

@media screen and (max-width:410px){
 
	
}

@media screen and (max-width:320px){
 
	
}