@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : restaurant.css author     : Ability Consultant style info : コピー
=================================================================== */
/* -----------------------------------------------------------
	restaurant
----------------------------------------------------------- */
.box_slider { position: relative; height: 500px; }
.box_slider .box_txt { position: absolute; width: 100%; height: 500px; top: 0; left: 0; z-index: 1; }
.box_slider #slide, .box_slider #slide2, .box_slider #slide3, .box_slider #slide4 { position: absolute; width: 100%; height: 500px; top: 0; left: 50%; margin: 0 auto; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.box_slider #slide img, .box_slider #slide2 img, .box_slider #slide3 img, .box_slider #slide4 img { position: absolute; top: 0; left: 0; display: none; }
.box_slider #slide img:first-child, .box_slider #slide2 img:first-child, .box_slider #slide3 img:first-child, .box_slider #slide4 img:first-child { display: block; }
.box_slider #thum, .box_slider #thum2, .box_slider #thum3, .box_slider #thum4 { position: absolute; bottom: 25px; left: 50%; width: 950px; text-align: center; line-height: 1; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.box_slider #thum li, .box_slider #thum2 li, .box_slider #thum3 li, .box_slider #thum4 li { width: 11px; height: 11px; margin: 0 .4em; background: #d1d1d1; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -moz-transition: width 0.35s, height 0.35s; -o-transition: width 0.35s, height 0.35s; -webkit-transition: width 0.35s, height 0.35s; transition: width 0.35s, height 0.35s; }
.box_slider #thum li.sel, .box_slider #thum2 li.sel, .box_slider #thum3 li.sel, .box_slider #thum4 li.sel { background: #9a8b09; }

h2 { text-align: center; margin-top: 80px; }

.con_res .con_bre, .con_res .con_lau { margin-top: 80px; }
.con_res .con_bre h3, .con_res .con_lau h3 { text-align: center; }
.con_res .con_bre .box_slider, .con_res .con_lau .box_slider { margin-top: 55px; }
.con_res .con_bre .txt, .con_res .con_lau .txt { margin-top: 25px; text-align: center; }
.con_res .con_bre .box_bre, .con_res .con_bre .box_lau, .con_res .con_lau .box_bre, .con_res .con_lau .box_lau { margin-top: 50px; padding: 60px 0; background: #f9f9f9; }
.con_res .con_bre .box_bre h4, .con_res .con_bre .box_lau h4, .con_res .con_lau .box_bre h4, .con_res .con_lau .box_lau h4 { text-align: center; }
.con_res .con_bre .box_bre .box_menu, .con_res .con_bre .box_lau .box_menu, .con_res .con_lau .box_bre .box_menu, .con_res .con_lau .box_lau .box_menu { background: url(../restaurant/images/img_bg.jpg); overflow: hidden; margin-top: 40px; }
.con_res .con_bre .box_bre .box_menu ul, .con_res .con_bre .box_lau .box_menu ul, .con_res .con_lau .box_bre .box_menu ul, .con_res .con_lau .box_lau .box_menu ul { width: 93.68421%; margin: 45px auto 55px; overflow: hidden; }
.con_res .con_bre .box_bre .box_menu ul li, .con_res .con_bre .box_lau .box_menu ul li, .con_res .con_lau .box_bre .box_menu ul li, .con_res .con_lau .box_lau .box_menu ul li { width: 345px; margin-left: 1.1236%; }
.con_res .con_bre .box_bre .box_menu ul li:first-child, .con_res .con_bre .box_lau .box_menu ul li:first-child, .con_res .con_lau .box_bre .box_menu ul li:first-child, .con_res .con_lau .box_lau .box_menu ul li:first-child { margin-left: 0; }
.con_res .con_bre .box_bre .box_menu ul, .con_res .con_lau .box_bre .box_menu ul { display: flex; justify-content: center;}

.box_info { margin: 80px 0 60px; }
.box_info h3 { text-align: center; }
.box_info .photo { margin-top: 60px; text-align: center;}
.box_info .txt { text-align: center; margin-top: 25px; }