.redline {border-top: 4px solid #cd0000;}

.op_yline{border-left: #666 1px solid;border-right: #666 solid 1px;}

.op_topline{border-top: #ccc 1px solid;}
.breadcrumb{  padding: 0.5rem 1rem;margin-bottom:0rem; font-size: 12px;}

/* CSS Document */
.jumbotron {background: url("../img/../img/obj/main1.jpg") center no-repeat; background-size: cover}

.title_2{color: #666;line-height:20px; letter-spacing:0.2em; margin:0; padding:0px; font-size:14px;}
.card-text{color: #eee;line-height:18px; letter-spacing:0.1em; margin:0; padding:0px; font-size:14px;}
.card-body{background-color: #4F4F4F}
h1 {font-size:24px; color:#666;margin:0; padding:0 10px 10px 0; letter-spacing:2px; line-height:20px; font-weight: 500;}
.nav-link {padding: 0;}
/*文字種*/

h2 {font-size: 12px;color: #523b2f; font-weight:bold; line-height: 16px;margin: 0 0 7px 0;padding:0 0 7px 0; text-align:left; letter-spacing:1px; border-bottom: #f2ebde 1px solid;}

h3 {font-size:14px; padding:10px; margin:0; letter-spacing:1px; color:#300; line-height:22px; font-weight: normal;}

h5{font-size: 12px;color:#fff; font-weight: normal;line-height: 20px;letter-spacing:1px; text-align:center; background:#000; margin:0; padding:15px 0;}

h6 {margin:0;font-weight:bold; line-height:22px; letter-spacing:1px; font-size:12px; text-align:center; color:#85695d;border-bottom: #85695d 1px solid; background:#eee6ca;}
.title_1 {color: #666;line-height:13px; letter-spacing:1px; margin:2px; font-size:11px;}
.title_3{ color:#fff;font-size:11px; background:#85695d; line-height:14px; letter-spacing:1px; text-align:center; margin:0; font-weight:normal;}
.title_4{font-size:12px; color:#666;margin:0; padding:0 15px; letter-spacing:1px; line-height:18px;}
.title_5{font-size:14px; color:#85695d;margin:0 5px; padding:0px; letter-spacing:1px; line-height:26px;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1.5px 1.5px 2px rgba(153, 102, 0, 0.4);}
.title_6{font-size:22px; color:#64544a;margin:0; letter-spacing:2px;line-height:26px; font-family: "Times New Roman" font-weight:bold; padding-bottom:5px; text-align:left; display:block;}
.title_7 {color: #900; font-weight:bold; line-height:18px; letter-spacing:1px; font-size:12px; padding-bottom:5px; display: inline-block;}
.title_8{text-align:center; color:#eee; margin-bottom:10px;}
.title_9{ font-size:16px; letter-spacing:1px; display:block; background: url(../img/bg/bg_blu.jpg); text-align:left; margin:5px; padding:5px 20px;}

/*リンク色*/
.link,a.link:link,a.link:visited,a.link:active{ color: #666;}
.link:hover{ color:#85695d;}

/*台形のタブインデックス*/
.op_tabindex{ display:table;}
.op_tabin_body{height:26px; width:190px; border-radius:7px 7px 0 0;border:#4a372a solid 1px;background:#4a372a; color:#fff; margin:0; line-height:26px; vertical-align:top; padding-left:10px; letter-spacing:2px;}
.op_tabin_end{position:relative; top:5px;width: 0;height: 0;border-style: solid;border-width: 24px 0 0 15px;border-color: transparent transparent transparent #4a372a; margin-bottom:4px;}

/*メニューバー*/
.btt-block {display: block;width: 100%;}
a.op_menu,a:link.op_menu,a:visited.op_menu,a:active.op_menu
{color:#85695d;font-style:normal;text-decoration:none;}
a:hover.op_menu{ color:#b78365;text-decoration: none; background-color:rgba(202,190,183,0.3);}

.alpha a:hover img {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}

/*共通メイン*/
.op_bg{background:#FAF5E7;}
.op_main_bg{ background:#FAF5E7;}

/*トップページ*/
.op_oshirase {width:100%;margin:0px; border: 1px solid #4a372a;padding:15px; font-weight:normal; text-align:left; letter-spacing:1px; font-size:12px;line-height: 17px; background-color:#FAF7F0; color:#666;}


/*バナーエリア*/
.op_ba_xline{border-top:#ddd 1px solid;}


/*スペーサー*/
.op_space15{ margin-top:15px;}
.op_space10{
	margin-top: 15px;
}
.op_sp_b15{margin-bottom:15px;}

/*バナー*/
.op_ba_bg{ background: #ccc3b9;}

/*メインの案内4並び*/
.info{display: table;table-layout:fixed;margin:0; padding:0;border-spacing: 5px; width:100%;}
.info4{margin-bottom:5px; min-height:112px; border:1px solid #85695d;}
.info4 img{ width: auto; vertical-align:top; margin-right:3px; display: inline-block; float:left;}

.info5{margin:6px 0;min-height:152px;border:#85695d 1px solid; clear:both;}
.info5 img{ width:auto; vertical-align:top; margin-right:5px; display: inline-block; float:left;}

/*フッターテーブルセル*/
.op_fu_bg1{background-color:#4a372a; padding:10px 0;}

.op_footer p{font-size: 11px;margin:0;border-bottom: #CCC 1px dotted;text-decoration: none; line-height:22px;width: 100%; padding:0;}
a.foot,a.foot:link,a.foot:visited,a.foot:active{color:#ccc;font-style:normal;text-decoration:none;width: 100%; display:block; padding-left:7px; margin:2px 0;}
a.foot:hover{ background:#4a240a; border-radius:4px; color:#FFF;}

.op_foot_yline {border-bottom: 1px dotted #89695d; margin:10px 0;}






.btn3 a:link,a:visited{ border:none;}
.btn3 a:hover,a:active,a:focus {opacity: 0.9;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";}


/*カレンダー用テーブルセル*/
.op_ca_ta_ul {width: 100%; border: 1px solid #4a372a;list-style: none; background:#FAF7F0;}
.op_w1{vertical-align: central;padding:15px 0 0 0; text-align:center; margin:0px;}
.op_w2{vertical-align: top;margin:0; padding:0 15px 10px 15px; text-align:left; background:#FAF7F0;}
.op_ca_title { width:100%; line-height:22px; background:#39271c; text-align:center; font-weight:bold; color:#ccc; letter-spacing:1px;}
/*What's new*/
.op_what{font-size: 12px;color: #666;line-height: 18px;text-align: left;padding: 0;margin:0;}
.op_style {border-bottom: 1px #ccc dashed;margin: 0;padding:0;font-weight: normal;letter-spacing: 1px; width:100%;}

/*サブページ*/
.menu_top{margin:10px 10px 0 10px;color: #503131; background-image:url(../img/format/sid_haikei.gif);padding: 10px;font-size: 14px;text-align: center;font-weight: bold;letter-spacing: 2px;border: 1px solid #503131;}
.menu_body { display:block;margin:0px 10px;padding:10px;color: #666;background-color: #f9f9f9;font-size: 12px;line-height: 17px;text-align: left;height:auto;border-right: 1px #000 solid;border-left: 1px #000 solid;}
.menu_body2 {margin:0px 10px;color: #666;background: url(../img/bg/bg_ore.jpg) repeat;padding: 10px;font-size: 12px;line-height: 17px;text-align: left;border-right: 1px #000 solid;border-left: 1px #000 solid;}
/*table-cell*/

.leftcell {text-align:center;width:100%;}
.leftcell img {margin:0;padding:5px; max-width:100%; height:auto;}
.maincell {vertical-align: top; text-align:left;}

.menu_fotter { clear:both;margin:0px 10px 15px 10px ;color: #fff;background-color: #300;padding: 7px 5px 6px 5px;font-size: 12px;text-align: center;letter-spacing: 1px;font-weight:bold;border: 1px solid #000;}

p.bg_rest_cose  {margin:0px 46px 0px 46px;color: #666;background-color: #FAF7F0;padding: 10px;font-size: 12px;
	line-height: 18px;text-align: left;height:200px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #999;border-left-color: #999;}
p.rest_s_2 { height:129px;border-left:#51392C 1px solid; width:354px; margin:0px; padding:15px; letter-spacing:1px;color:#666;text-align:left; line-height:14px; font-size:11px; background-color:#FFF;}


.lines{ height:10px;border-top:#999 dotted 1px;margin:20px 10px 0px 5px; padding:0px; line-height:10px;}
.op_xline{ border-top:#89695d 3px solid;}
.op_line{ height:20px;border-top:#999 dotted 1px;margin:20px 5px 0px 5px; padding:0px; line-height:20px;}

/*mainbar*/
.mainbar1{font-size:14px;font-weight:bold; margin:10px 0 0 0; padding:0;height:45px;text-indent:27px; letter-spacing:1.5px; color:#85695d; line-height:27px;text-shadow: 0.5px 0.5px 1px rgba(153, 102, 0, 0.4); background:url(../img/bot/mainbar.jpg);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border-left:}
 
.mainbar2{ margin:0; padding:0; line-height:15px;font-size:9px; font-weight:normal;text-align:left; text-indent:30px;text-shadow: 0.5px 0.5px 1px rgba(153, 102, 0, 0.4);}


.re_1{display:table-cell;}


.pain{font-size:11px; line-height:30px; color: #666; display:inline-block; letter-spacing:1px; }
.pain a:link,a:visited { color: #85695d; font-size: 11px; text-decoration: none;  border:none;}
.pain a:hover,a:active,a:focus {
	color: #64544a;
	text-decoration: underline;
}
.painline {height:10px;border-top:#ccc solid 1px;margin: 0 -15px; padding:0px; line-height:1px;}
/*ドリンク*/
.drink_top{margin:0 10px; font-weight:bold;padding:5px; color:#461727; font-size:14px;text-align:center;border: 1px solid #503131; letter-spacing:2px; line-height:20px;}

.drink_menu{margin:0px 10px 10px 10px;padding:5px 10px;color: #503131; background-image:url(../img/format/sid_haikei.gif);font-size: 11px;letter-spacing: 1px;border-bottom: 1px solid #503131;border-left: 1px solid #503131;border-right: 1px solid #503131;}
.drink_menu table{ display:table; width:100%;}
.drink_menu tr{ border-bottom:#CCC solid 1px; line-height:25px; text-indent:3px;}

.bg_red{ background:url(../img/bg/bg_red.jpg);}
.bg_blu{ background:url(../img/bg/bg_blu.jpg);}
.bg_gre{ background:url(../img/bg/bg_gre.jpg);}
.bg_ore{ background:url(../img/bg/bg_ore.jpg);}
.bg_pur{ background:url(../img/bg/bg_pur.jpg);}
.bg_yel{ background:url(../img/bg/bg_yel.jpg);}
/*gridのgutter調整*/
.row-0{margin-left:0px;margin-right:0px;> div{padding-right:0px;padding-left:0px;}}
.row-10{margin-left:-5px;margin-right:-5px;> div{padding-right:5px;padding-left:5px;}}
.row-20{margin-left:-10px;margin-right:-10px;> div{padding-right:10px;padding-left:10px;}}
.row-30{margin-left:-15px;margin-right:-15px;> div{padding-right:15px;padding-left:15px;}}

/*レストランオススメ一覧*/
.re_img{ background:#eee; padding:10px 0 5px 0; font-size:10px; line-height:16px; text-align:center;}

/*リスト横並び*/
.list-rest{padding:0; width:100%;overflow: hidden;zoom: 1;margin:0;}
.list-rest li{font-size:10px; width:49%; display:inline-block;list-style:none;vertical-align:top;}

.list-rest li a {display: block;padding: 10px; color:#666;position: relative;}
.list-rest li .image {position: relative;margin-bottom: 10px;-webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.list-rest li .image:after {content: '';padding-top: 100%;display: block; }
.list-rest li .image img {position: absolute; left: 0;top: 0;width: 100%; }
.list-rest li span {display: block;line-height: 14px; color:#85695d; font-size:11px;}
.list-rest li:hover .image {opacity: 0.8; } 
.list-rest li .text { margin-bottom: 5px; color:#4a3222; font-weight:bold; font-size:12px; letter-spacing:1px; line-height:16px;}
.list-rest li span.comm { font-size:11px; display:block; letter-spacing:1px; line-height:14px; color:#666;}
.list-rest li span.sub_comm { text-align:right;font-size: 10px;display: block; }
/*フォトギャラリー*/
.list-phot{padding:0; width:100%;overflow: hidden;zoom: 1;margin:0;}
.list-phot li{font-size:10px; width:49%; display:inline-block;list-style:none;vertical-align:top; margin:0 0 3px 0;}

.list-phot li a {display: block;padding: 10px; position: relative; border:#ccc 1px solid; background:#fff;}
.list-phot li .image {position: relative;margin-bottom: 10px;-webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.list-phot li .image:after {content: '';padding-top: 70%;display: block; }
.list-phot li .image img {position: absolute; left: 0;top: 0;width: 100%; }
.list-phot li span {display: block;line-height: 14px; color:#85695d; font-size:11px;}
.list-phot li:hover .image {opacity: 0.8; } 




/*スマホ大-1カラムレイアウト*/
@media ( min-width: 600px) {
.list-rest{display:table;}
.list-rest li {width: 25%;border: 2px solid #FAF5E7;display:table-cell;vertical-align:top; background:#fdfbf6;}
.list-phot{display:table;}
.list-phot li {width: 25%;border: 2px solid #FAF5E7;display:table-cell;vertical-align:top; background:#fdfbf6;}
.info5 {display:table-cell;width: 100px;}
.info5 img{width:100%;}
}
/*ipad用*/
@media ( min-width: 768px ) {
.menu_top{margin:10px 10px 0 10px;padding: 10px;font-size: 14px;text-align: center;font-weight: bold;letter-spacing: 2px;border: 1px solid #503131;}
.menu_body { display:block;margin:0px 10px;padding:10px;color: #666;background-color: #f9f9f9;font-size: 12px;line-height: 17px;text-align: left;height:auto;border-right: 1px #000 solid;border-left: 1px #000 solid;}
.leftcell {display: table-cell;width:240px;}
.leftcell img {padding:0 10px 0 0;display: table; width:100%; height:auto;}
.maincell {display: table-cell;}


.op_yline{border-left: #ddd 1px solid;border-right: #ddd solid 1px;}

.op_yline2{border-left: #ddd 1px solid;}
.op_foo_line{ border-left:#89695d 1px dotted;border-right:#89695d 1px dotted;}
.op_foo_line2{ border-left:#89695d 1px dotted;}
.op_bg{ background:url(../img/format/bg.gif);}

/*メニューバー*/
.op_menu_tit {margin:15px 0 0 0;font-size: 9px;font-weight: normal;line-height:17px; padding:0;text-align: center; background:#64544a; color:#f2ebde;letter-spacing:1px;border-right:#CC9 1px solid;border-top:#CC9 1px solid;border-left:#CC9 1px solid; border-top-left-radius:3px;border-top-right-radius: 3px;  -moz-box-shadow:rgba(255, 255, 255, 0.5);-webkit-box-shadow:rgba(255, 255, 255, 0.5);box-shadow: rgba(255, 255, 255, 0.5);}

.op_bt{text-align:center;margin:0;padding:0;border-bottom:#eee6ca 3px solid;border-right:#CC9 1px solid;border-left:#CC9 1px solid;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; background-color:rgba(255,255,255,0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}

.op_btline{ border-bottom:#CC9 1px dotted; padding:0; margin:0 5px;height:1px;}
.op_btl{ margin:0; padding:0; line-height:28px;font-size:12px;letter-spacing:1px;text-indent:13px;text-align:left;text-shadow: 0.5px 0.5px 1px rgba(153, 102, 0, 0.4);}
.op_bts{  margin:0; padding:0; line-height:20px;font-size:9px; letter-spacing:1px; text-align:left; text-indent:14px;text-shadow: 0.5px 0.5px 1px rgba(153, 102, 0, 0.4)}

.op_btt {margin:5px 0 0 0;font-size: 12px;font-weight: normal;line-height:23px; padding:0px;text-align: left; color:#64544a;border-radius: 3px;letter-spacing:1px; border: #CC9 1px solid; background: url(../img/bot/list_s.png); background-repeat:no-repeat;text-indent:16px;-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);text-shadow: 0.5px 0.5px 1px rgba(153, 102, 0, 0.4);}

.op_btton {margin:5px 0 0 0;font-size: 12px;font-weight: normal;line-height:23px; padding:0px;text-align: left; color:#64544a;border-radius: 3px;letter-spacing:1px; border: #CC9 1px solid; background: url(../img/bot/list_s_on.png); background-repeat:no-repeat;text-indent:16px;-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);text-shadow: 0.5px 0.5px 1px rgba(153, 102, 0, 0.4);}

.title_1 {line-height:16px;font-size:12px;}

.op_add1 { margin:20px 0 0 0; padding:0;height:7px; width:100%;border-top: #CC9 1px solid; background:#39271c; color:#FFF; border-top-left-radius: 5px;border-top-right-radius: 5px; text-align:center;}
.op_add2 { background:#FFF; margin:0;border-left: #CC9 1px solid;border-right: #CC9 1px solid; width:100%; padding:5px 10px; text-align:center;}
.op_add3 { margin:0; padding:0; width:100%;border-left: #CC9 1px solid;border-right: #CC9 1px solid; background:#39271c; color:#FFF; text-align:center; font-weight:bold; line-height:19px; font-size:11px;}
.op_add4 { margin:0; padding:10px; width:100%;border-left: #CC9 1px solid;border-right: #CC9 1px solid;color:#39271c; line-height:17px; font-size:11px;}
.op_add5 { margin:0 0 3px 0; padding:0;height:7px; width:100%;border-bottom: #CC9 1px solid; background:#39271c; color:#FFF; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

/*テーブルセルを使う*/
.op_ca_ta_ul { display: table;}
.op_ca_ta_ul li {display: table-cell;}
.op_w1{width:42%; padding:15px 15px 0 15px;}
.op_w2{width:58%; padding:15px 15px 0 0;}

.op_what{width:80%;margin:0 0 0 85px;}
.op_style {margin: 0 85px 3px 0;text-indent: -87px;}


re_1{ float:left;}
re_2{display:table-cell; vertical-align:top;width:144px; clear:both;}

}

@media (min-width: 992px) {
.menu_top{margin:10px 40px 0 40px;}
.menu_body {margin:0px 40px;}
.menu_body2 {margin:0px 40px;}
.menu_fotter {margin:0px 40px 20px 40px;}

.drink_top{margin:0px 40px;}
.drink_menu{margin:0 40px 10px 40px;}


h6 {border-top: #85695d 1px solid; margin-top:101px;}
h3 {font-size:18px;}


.op_yline2{border-left:#ddd 1px solid;border-right: hidden;}
.op_w1{width:33%;}
.op_w2{width:67%;}
.info4 {display: table-cell;width: 100px; vertical-align:top;}
.info4 img{ width:100%;}
.title_1 {line-height:15px;margin:4px; font-size:12px;}
.op_what{width:90%;}
.info5	{border-spacing:15px; padding:0px}
}
@media (min-width: 1200px){
.menu_top{margin:10px 60px 0 60px;}
.menu_body {margin:0px 60px;}
.menu_body2{margin:0px 60px;}
.menu_fotter {margin:0px 60px 20px 60px;}

.drink_top{margin:0px 60px;}
.drink_menu{margin:0 60px 10px 60px;}

h6 { margin-top:110px}
.op_yline2{border-left:#ddd 1px solid;border-right:#ddd 1px solid ;}
.op_w1{width:42%;}
.op_w2{width:58%;}
.op_ba_xline{border-top: none;}
.op_ba_bg{ background: none;}
}