/*business*/
.business p{ text-align: center }
.business p span{ display: block; color: #fff }
.business p span.business_hour{ font-size: 16px; margin-top: 30px }
.business p span.block_390 , .business p span.slash_390{ display: inline !important }
.business p span.none_block_390{ display: none !important }
#company , #restaurant{ margin-bottom: 20px }
#company{ background: url(img/company.jpg) no-repeat; background-size: cover }
#restaurant{ background: url(img/restaurant.jpg) no-repeat; background-size: cover }
#delivery{ background: url(img/delivery.jpg) no-repeat; background-size: cover }

/*about*/
#about dl{ overflow: hidden; text-align: left; font-size: 16px; border-bottom: solid 1px #b2b2b2; padding: 24px 16px }
#about h1 + dl{ border-top: solid 1px #b2b2b2 }
#about dl dt{ display: inline-block; width: 24.19%; box-sizing: border-box; vertical-align: top }
#about dl dd{ display: inline-block }

@media(max-width: 768px){
/*business*/
#company , #restaurant{ margin-bottom: 10px }
.business p span.business_hour{ margin-top: 10px }

/*about*/
#about dl{ font-size: 14px; line-height: 28px; padding: 16px 0 }
#about dl dt{ display: block; width: auto; padding-left: 0 }
#about dl dd{ display: block }
}

@media(max-width: 480px){
/*news*/
#news li .text{ display: block; margin-bottom: 10px }

/*business*/
.business p span{ font-size: 12px }
}

@media(max-width: 390px){
/*business*/
.business{ padding: 35px 0 85px 0 !important }
.business p span.block_390 , .business p span.none_block_390{ display: block !important }
.business p span.slash_390{ display: none !important }
}