@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*==================================== main_visual
====================================*/
#main_visual { background-image: url("../images/dinner/main.jpg"); }

/*==================================== あしらい
====================================*/
#dinner_menu .cont_lr .image { position: relative; z-index: 1; }
#dinner_menu .cont_lr .text { position: relative; z-index: 0; }
#dinner_menu .cont_lr .text:before { content: ''; display: block; position: absolute; opacity: 0; transition: all 2s; transition-delay: 0.5s; z-index: -1; }
#dinner_menu .cont_lr .text.show:before { opacity: 1; }
#dinner_menu .cont_lr.img_l .text:before { background: url("../images/common/bg_circle02.png") no-repeat top left/contain; width: 460px; height: 440px; bottom: -50px; right: -150px; }
@media screen and (max-width: 768px) { #dinner_menu .cont_lr.img_l .text:before { width: 300px; height: 287px; bottom: auto; top: -100px; right: -50px; } }
#dinner_menu .cont_lr.img_r .text:before { background: url("../images/common/bg_circle04.png") no-repeat top left/contain; width: 386px; height: 424px; bottom: 0px; left: -150px; }
@media screen and (max-width: 768px) { #dinner_menu .cont_lr.img_r .text:before { width: 250px; height: 275px; bottom: auto; top: -90px; left: -50px; } }

/*# sourceMappingURL=dinner.css.map */