/*
Theme Name: 58DINER
Author: 58DINER
Author URI: hhttp://www.58diner.com/
Version: 1.0
*/


/* = RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0; padding: 0;
  outline: none;
  vertical-align: bottom;
}

html {
  background:#fff url(./img/bg.jpg);
  font-size: 10px;
}
body {
  background: url(./img/bg_head.png) no-repeat 50% top;
  font-size: 10px; font-size: 1rem;
  line-height: 1;
  text-align: center;
}

body, input, textarea {
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
}

img {max-width: 100%; height: auto;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul, div.widgets_on_page ul {
  list-style: none;
  margin: 0;
}
input, textarea {font-size: 1em;}


/* = USEFUL-CLASS
-------------------------------------------------------------- */
.align_c {text-align: center;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.alignleft {float: left;}
.alignright {float: right;}
.auto {margin: auto;}
.clear {clear: both;}
.hidden {overflow: hidden;}
.small {font-size: .9em; line-height: 1.3;}
.w100 {width: 100%;}
.m0{ margin:0 !important; }
.p0{ padding:0 !important; }
.ml0{ margin-left:0 !important; }.ml10{ margin-left:10px !important; }.ml20{ margin-left:20px !important; }.ml30{ margin-left:30px !important; }.ml40{ margin-left:40px !important; }.ml50{ margin-left:50px !important; }.ml60{ margin-left:60px !important; }.ml70{ margin-left:70px !important; }.ml80{ margin-left:80px !important; }.ml90{ margin-left:90px !important; }.ml100{ margin-left:100px !important; }
.mr0{ margin-right:0 !important; }.mr10{ margin-right:10px !important; }.mr15{ margin-right:15px !important; }.mr20{ margin-right:20px !important; }.mr30{ margin-right:30px !important; }.mr40{ margin-right:40px !important; }.mr50{ margin-right:50px !important; }.mr60{ margin-right:60px !important; }.mr70{ margin-right:70px !important; }.mr80{ margin-right:80px !important; }.mr90{ margin-right:90px !important; }.mr100{ margin-right:100px !important; }
.mt0{ margin-top:0 !important; }.mt5{ margin-top:5px !important; }.mt10{ margin-top:10px !important; }.mt15{ margin-top:15px !important; }.mt20{ margin-top:20px !important; }.mt25{ margin-top:25px !important; }.mt30{ margin-top:30px !important; }.mt35{ margin-top:35px !important; }.mt40{ margin-top:40px !important; }.mt50{ margin-top:50px !important; }.mt60{ margin-top:60px !important; }.mt70{ margin-top:70px !important; }.mt80{ margin-top:80px !important; }.mt90{ margin-top:90px !important; }.mt100{ margin-top:100px !important; }
.mb0{ margin-bottom:0 !important; }.mb5{ margin-bottom:5px !important; }.mb8{ margin-bottom:8px !important; }.mb10{ margin-bottom:10px !important; }.mb15{ margin-bottom:15px !important; }.mb20{ margin-bottom:20px !important; }.mb25{ margin-bottom:25px !important; }.mb30{ margin-bottom:30px !important; }.mb40{ margin-bottom:40px !important; }.mb50{ margin-bottom:50px !important; }.mb60{ margin-bottom:60px !important; }.mb70{ margin-bottom:70px !important; }.mb80{ margin-bottom:80px !important; }.mb90{ margin-bottom:90px !important; }.mb100{ margin-bottom:100px !important; }
.pl0{ padding-left:0 !important; }.pl10{ padding-left:10px !important; }.pl15{ padding-left:15px !important; }.pl20{ padding-left:20px !important; }.pl25{ padding-left:25px !important; }.pl30{ padding-left:30px !important; }.pl40{ padding-left:40px !important; }.pl50{ padding-left:50px !important; }.pl60{ padding-left:60px !important; }.pl70{ padding-left:70px !important; }.pl80{ padding-left:80px !important; }.pl90{ padding-left:90px !important; }.pl100{ padding-left:100px !important; }
.pr0{ padding-right:0 !important; }.pr10{ padding-right:10px !important; }.pr20{ padding-right:20px !important; }.pr25{ padding-right:25px !important; }.pr30{ padding-right:30px !important; }.pr40{ padding-right:40px !important; }.pr50{ padding-right:50px !important; }.pr60{ padding-right:60px !important; }.pr70{ padding-right:70px !important; }.pr80{ padding-right:80px !important; }.pr90{ padding-right:90px !important; }.pr100{ padding-right:100px !important; }
.pt0{ padding-top:0 !important; }.pt10{ padding-top:10px !important; }.pt15{ padding-top:15px !important; }.pt20{ padding-top:20px !important; }.pt25{ padding-top:25px !important; }.pt30{ padding-top:30px !important; }.pt40{ padding-top:40px !important; }.pt50{ padding-top:50px !important; }.pt60{ padding-top:60px !important; }.pt70{ padding-top:70px !important; }.pt80{ padding-top:80px !important; }.pt90{ padding-top:90px !important; }.pt100{ padding-top:100px !important; }
.pb0{ padding-bottom:0 !important; }.pb10{ padding-bottom:10px !important; }.pb15{ padding-bottom:15px !important; }.pb20{ padding-bottom:20px !important; }.pb25{ padding-bottom:25px !important; }.pb30{ padding-bottom:30px !important; }.pb40{ padding-bottom:40px !important; }.pb50{ padding-bottom:50px !important; }.pb60{ padding-bottom:60px !important; }.pb65{ padding-bottom:65px !important; }.pb70{ padding-bottom:70px !important; }.pb80{ padding-bottom:80px !important; }.pb90{ padding-bottom:90px !important; }.pb100{ padding-bottom:100px !important; }
.plr0{ padding-left:0 !important; padding-right:0 !important; }.plr5{ padding-left:5px !important; padding-right:5px !important; }.plr10{ padding-left:10px !important; padding-right:10px !important; }.plr15{ padding-left:15px !important; padding-right:15px !important; }.plr20{ padding-left:20px !important; padding-right:20px !important; }.plr25{ padding-left:25px !important; padding-right:25px !important; }.plr30{ padding-left:30px !important; padding-right:30px !important; }.plr35{ padding-left:35px !important; padding-right:35px !important; }.plr40{ padding-left:40px !important; padding-right:40px !important; }
.ml110{ margin-left:110px !important; }.ml120{ margin-left:120px !important; }.ml130{ margin-left:130px !important; }.ml140{ margin-left:140px !important; }.ml150{ margin-left:150px !important; }.ml160{ margin-left:160px !important; }.ml170{ margin-left:170px !important; }.ml180{ margin-left:180px !important; }.ml190{ margin-left:190px !important; }.ml200{ margin-left:200px !important; }
.mr110{ margin-right:110px !important; }.mr120{ margin-right:120px !important; }.mr130{ margin-right:130px !important; }.mr140{ margin-right:140px !important; }.mr150{ margin-right:150px !important; }.mr160{ margin-right:160px !important; }.mr170{ margin-right:170px !important; }.mr180{ margin-right:180px !important; }.mr190{ margin-right:190px !important; }.mr200{ margin-right:200px !important; }
.mt110{ margin-top:110px !important; }.mt120{ margin-top:120px !important; }.mt130{ margin-top:130px !important; }.mt140{ margin-top:140px !important; }.mt150{ margin-top:150px !important; }.mt160{ margin-top:160px !important; }.mt170{ margin-top:170px !important; }.mt180{ margin-top:180px !important; }.mt190{ margin-top:190px !important; }.mt200{ margin-top:200px !important; }
.mb110{ margin-bottom:110px !important; }.mb120{ margin-bottom:120px !important; }.mb130{ margin-bottom:130px !important; }.mb140{ margin-bottom:140px !important; }.mb150{ margin-bottom:150px !important; }.mb160{ margin-bottom:160px !important; }.mb170{ margin-bottom:170px !important; }.mb180{ margin-bottom:180px !important; }.mb190{ margin-bottom:190px !important; }.mb200{ margin-bottom:200px !important; }
.pl110{ padding-left:110px !important; }.pl120{ padding-left:120px !important; }.pl130{ padding-left:130px !important; }.pl140{ padding-left:140px !important; }.pl150{ padding-left:150px !important; }.pl160{ padding-left:160px !important; }.pl170{ padding-left:170px !important; }.pl180{ padding-left:180px !important; }.pl190{ padding-left:190px !important; }.pl200{ padding-left:200px !important; }
.pr110{ padding-right:110px !important; }.pr120{ padding-right:120px !important; }.pr130{ padding-right:130px !important; }.pr140{ padding-right:140px !important; }.pr150{ padding-right:150px !important; }.pr160{ padding-right:160px !important; }.pr170{ padding-right:170px !important; }.pr180{ padding-right:180px !important; }.pr190{ padding-right:190px !important; }.pr200{ padding-right:200px !important; }
.pt110{ padding-top:110px !important; }.pt120{ padding-top:120px !important; }.pt130{ padding-top:130px !important; }.pt140{ padding-top:140px !important; }.pt150{ padding-top:150px !important; }.pt160{ padding-top:160px !important; }.pt170{ padding-top:170px !important; }.pt180{ padding-top:180px !important; }.pt190{ padding-top:190px !important; }.pt200{ padding-top:200px !important; }
.pb110{ padding-bottom:110px !important; }.pb120{ padding-bottom:120px !important; }.pb130{ padding-bottom:130px !important; }.pb140{ padding-bottom:140px !important; }.pb150{ padding-bottom:150px !important; }.pb160{ padding-bottom:160px !important; }.pb170{ padding-bottom:170px !important; }.pb180{ padding-bottom:180px !important; }.pb190{ padding-bottom:190px !important; }.pb200{ padding-bottom:200px !important; }
.ma0{ margin:0 !important; }.ma10{ margin:10px !important; }.ma15{ margin:15px !important; }.ma20{ margin:20px !important; }.ma30{ margin:30px !important; }.ma40{ margin:40px !important; }.ma50{ margin:50px !important; }.ma60{ margin:60px !important; }.ma70{ margin:70px !important; }.ma80{ margin:80px !important; }.ma90{ margin:90px !important; }.ma100{ margin:100px !important; }.ma110{ margin:110px !important; }.ma120{ margin:120px !important; }.ma130{ margin:130px !important; }.ma140{ margin:140px !important; }.ma150{ margin:150px !important; }.ma160{ margin:160px !important; }.ma170{ margin:170px !important; }.ma180{ margin:180px !important; }.ma190{ margin:190px !important; }.ma200{ margin:200px !important; }
.pd0{ padding:  0 !important; }.pd5{ padding: 5px !important; }.pd10{ padding: 10px !important; }.pd15{	padding: 15px !important; }.pd20{	padding:20px !important; }.pd25{	padding:25px !important; }.pd30{	padding:30px !important; }.pd40{	padding:40px !important; }.pd50{	padding:50px !important; }.pd60{	padding:60px !important; }.pd70{	padding:70px !important; }.pd80{	padding:80px !important; }.pd90{	padding:90px !important; }.pd100{ padding:100px !important; }
.w100p{ width: 100% !important; }.w95p{ width: 95% !important; }.w90p{ width: 90% !important; }.w85p{ width: 85% !important; }.w80p{ width: 80% !important; }.w75p{ width: 75% !important; }.w70p{ width: 70% !important; }.w65p{ width: 65% !important; }.w60p{ width: 60% !important; }.w55p{ width: 55% !important; }.w50p{ width: 50% !important; }.w45p{ width: 45% !important; }.w40p{ width: 40% !important; }.w35p{ width: 35% !important; }.w30p{ width: 30% !important; }.w25p{ width: 25% !important; }.w20p{ width: 20% !important; }.w15p{ width: 15% !important; }.w10p{ width: 10% !important; }.w5p{ width: 5% !important; }.w0p{ width: 0% !important; }.m0auto{ margin-left:auto !important; margin-right:auto !important; }
.w20{ width:20px !important; }.w40{ width:40px !important; }.w60{ width:60px !important; }.w80{ width:80px !important; }.w120{ width:120px !important; }.w140{ width:140px !important; }.w150{ width:150px !important; }.w160{ width:160px !important; }.w180{ width:180px !important; }.w200{ width:200px !important; }.w220{ width:220px !important; }.w230{ width:230px !important; }.w240{ width:240px !important; }.w260{ width:260px !important; }.w270{ width:270px !important; }.w280{ width:280px !important; }.w290{ width:290px !important; }.w300{ width:300px !important; }.w320{ width:320px !important; }.w330{ width:330px !important; }.w340{ width:340px !important; }.w360{ width:360px !important; }.w375{ width:375px !important; }.w380{ width:380px !important; }.w400{ width:400px !important; }.w420{ width:420px !important; }.w440{ width:440px !important; }.w455{ width:455px !important; }.w460{ width:460px !important; }.w480{ width:480px !important; }.w500{ width:500px !important; }.w520{ width:520px !important; }.w540{ width:540px !important; }.w560{ width:560px !important; }.w580{ width:580px !important; }.w600{ width:600px !important; }.w620{ width:620px !important; }.w640{ width:640px !important; }.w660{ width:660px !important; }.w680{ width:680px !important; }.w700{ width:700px !important; }.w720{ width:720px !important; }.w740{ width:740px !important; }.w760{ width:760px !important; }.w780{ width:780px !important; }.w800{ width:800px !important; }.w820{ width:820px !important; }.w840{ width:840px !important; }.w860{ width:860px !important; }.w880{ width:880px !important; }.w900{ width:900px !important; }.w920{ width:920px !important; }.w940{ width:940px !important; }.w960{ width:960px !important; }.w980{ width:980px !important; }.w1000{ width:1000px !important; }.w1020{ width:1020px !important; }.w1040{ width:1040px !important; }.w1060{ width:1060px !important; }.w1080{ width:1080px !important; }.w1100{ width:1100px !important; }
.w445{ width:445px !important; }
.h20{ height:20px !important; }.h40{ height:40px !important; }.h60{ height:60px !important; }.h80{ height:80px !important; }.h100{ height:100px !important; }.h120{ height:120px !important; }.h140{ height:140px !important; }.h160{ height:160px !important; }.h180{ height:180px !important; }.h200{ height:200px !important; }.h220{ height:220px !important; }.h240{ height:240px !important; }.h260{ height:260px !important; }.h280{ height:280px !important; }.h290{ height:290px !important; }.h300{ height:300px !important; }.h320{ height:320px !important; }.h340{ height:340px !important; }.h360{ height:360px !important; }.h380{ height:380px !important; }.h400{ height:400px !important; }.h420{ height:420px !important; }.h440{ height:440px !important; }.h460{ height:460px !important; }.h480{ height:480px !important; }.h500{ height:500px !important; }.h520{ height:520px !important; }.h540{ height:540px !important; }.h560{ height:560px !important; }.h580{ height:580px !important; }.h600{ height:600px !important; }.h620{ height:620px !important; }.h640{ height:640px !important; }.h660{ height:660px !important; }.h680{ height:680px !important; }.h700{ height:700px !important; }.h720{ height:720px !important; }.h740{ height:740px !important; }.h760{ height:760px !important; }.h780{ height:780px !important; }.h800{ height:800px !important; }.h820{ height:820px !important; }.h840{ height:840px !important; }.h860{ height:860px !important; }.h880{ height:880px !important; }.h900{ height:900px !important; }

.boxradiusAll {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
a.linkBtn01, a.more-link, p.align_c input[type=submit],
.menuSub, .partyTxt,
.partyHead, .partyHead img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.boxShadow {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
}


/* = HREF
-------------------------------------------------------------- */
a {color: #39a; outline: none; text-decoration: none;}
a:hover {}

.headIco a {margin: 0 0 0 10px;}

#homeNews a, .singleNav a, #footNav a {color: #222;}
#homeNews a:hover, .singleNav a:hover, #footNav a:hover {color: #555;}

#footNav a:hover {border-bottom: 1px solid #777;}

a.linkBtn01, a.more-link, p.align_c input[type=submit] {
  background: #222;
  color: #fff;
  font-size: 12px; font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 8px 12px
}
a.linkBtn01:hover, a.more-link:hover {background: #E40011;}

/* IMG */
#sideBn a:hover img {
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
}


/* = FONT
-------------------------------------------------------------- */
.home #content, .homeEventBody, .entryDate,
#todayDate, #todayMenu, .calendar-date-title, td.today,
.category-menu .entryBody,
.category-menu-demo .entryBody,
.wp-pagenavi span.current {font-weight: bold;}

#todaySub, .menuSub,
.inqTxt, .partyTxt {
  font-size: 11px; font-size: 1.1rem;
}
#todayMenu span {
  font-size: 12px; font-size: 1.2rem;
}
#content, #side, #footNav, #foot,
.homeEventBody, .entryBody h4,
.todayMon, p.menuSub strong {
  font-size: 13px; font-size: 1.3rem;
}
h3.entryTit, .entryBody h3,
#todayMenu, .tblParty th {
  font-size: 14px; font-size: 1.4rem;
}
.eventWrap h3, #todayMenu span.price, .wp-pagenavi {
  font-size: 18px; font-size: 1.8rem;
}
.homeEventTit, .mediaTit,
.todayDay, .calendar-date-title,
.single h3.entryTit {
  font-size: 24px; font-size: 2.4rem;
}

#todayDate, .menuImg h3 {color: #fff;}
#todayMenu span.price {color: #D60B1E;}

#todayMenu, #todaySub,
.entryBody h4, div.menuImg h3, .tblParty th {line-height: 1.3;}
.homeEventBody, .menuSub {line-height: 1.5;}
.entryBody h3, .entryBody, .entryDate {line-height: 1.75;}

#footIn p {letter-spacing: .5px;}
.todayMon, .calendar-date-title .mediaTit, #copy p {letter-spacing: 1px;}

h2.pageTit, .entryBody h2 {
  border-bottom: 3px solid #222;
  margin: 0 0 30px 0; padding: 0 0 20px 0;
}
.home h2.pageTit {margin: 0 0 20px 0; font-family: 'Anton', sans-serif; font-size:34px;}
.single h3.entryTit {
  border-bottom: 2px solid #222;
  margin: 0 0 20px 0; padding: 5px 0;
}

#sideToday h2 {padding: 5px 8px 3px 8px;}
#sideToday h3 {background: #000; }

.entryBody h3, .entryBody h4 {margin: 0 0 5px 0;}

#copy p {
  font-family: arial;
  line-height: 50px;
}


/* = FRAME
-------------------------------------------------------------- */
#head {
  width: 960px; height: 130px;
  z-index: 10;
}

#wrap {padding: 30px 0 0 0;}
#homeWrap {
  background: url(./img/bg_home.png) no-repeat 50% top;
  padding: 60px 0 0 0;
  position: absolute;
  top: 475px;
  width: 100%;
}

#main, #copy {width:940px;}
#main {padding: 0 0 30px 0;}

.home #content {width: 630px;}
.single .hentry {padding: 0 80px;}

#side {width: 290px;}

#foot {
  background: url(./img/bg_foot.png);
  border-top: 1px solid #e6e6e6;
}
#footIn {
  line-height: 1.4;
  padding: 30px 0;
  width: 960px;
}

/* BOX */
.box01, .box02, #isp_businesscalendar-2 {
  background: #fff url(./img/bg_entry.png) no-repeat right top;
  border: 5px solid #222;
  margin: 0 0 20px 0;
}
.box01 {padding: 25px 25px 5px 25px;}
.box02 {padding: 1px;}
.homeEvent.box02 {padding-bottom: 0;}


/* = HEAD, SIDE, FOOT
-------------------------------------------------------------- */
/* HEAD */
#head h1 {margin: 15px 0 0 0;}
#head div.alignright {
  width: 580px;
  margin: 15px 10px 0 0;
}

/* SIDE */
#sideToday {position: relative;}
#sideToday p {padding: 0;}
p#todayDate {
  background: #222;
  padding: 10px 8px;
  position: absolute;
  top: 1px; right: 1px;
}
img.titToday {margin: 10px 0;}
#todayMenu span {display: block;}
#todayMenu span.price {padding: 5px;}
#todaySub {
  border-top: 1px solid #222;
  margin: 0 10px; padding: 3px 0;
}

#isp_businesscalendar-2 {padding: 15px 5px 5px 5px;}
.widget td, .widget th {padding: 8px 0;}
td.all {
  background: url('./img/bg_off.png') 50% 2px no-repeat;
  color: #eee;
}
td.lesson {
  background: url('./img/bg_lesson.png') 50% 2px no-repeat;
  color: #fff;
}
.widget td.holidayWrap {padding: 0;}
div.move_button {width: 50px; height: 25px;}
div.prv, div.nxt {cursor: pointer;}
div.prv {background: url('./img/btn_prv.png') right no-repeat;}
div.prv:hover, div.prv_off {background: url('./img/btn_prv_off.png') right no-repeat;}
div.nxt {background: url('./img/btn_nxt.png') left no-repeat;}
div.nxt:hover, div.nxt_off {background: url('./img/btn_nxt_off.png') left no-repeat;}
span.sat {color: #336;}
span.sun {color: #933;}

/* FOOT */
#footIn img {margin-top: 5px;}
#footIn p {margin: 10px 0 0 10px;}
#copy {border-top: 1px solid #d6d6d6;}
#copy p {border-top: 1px solid #fff;}


/* = NAVI
-------------------------------------------------------------- */
/* G NAVI */
#gNav {margin: 15px 0 0 0;}

#gNav li a {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 134px; height: 27px;
}
#head li a:hover,
#head li.current-menu-item a, #gNav li.current-category-ancestor a {background-position: 0px -30px;}

#head li.menu-item-87 a {background-image: url(./img/gnav_menu.png); width: 92px;}
#head li.menu-item-1174 a {background-image: url(./img/gnav_party.png); width: 104px;}
#head li.menu-item-15 a {background-image: url(./img/gnav_delivery.png);}
#head li.menu-item-348 a {background-image: url(./img/gnav_ukulele.png);}
#head li.menu-item-14 a {background-image: url(./img/gnav_access.png); width: 116px;}

/* PAGE NAVI */
.wp-pagenavi, .singleNav {
  clear: both;
  line-height: 42px;
  overflow: hidden;
  padding: 0 0 30px 0;
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  background: #f0f0f0;
  color: #888;
  display: inline-block;
  margin: 0 1px 0 0;
  width: 40px; height: 40px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  background: #222;
  color: #fff;
}
span.extend {background: none;}

.singleNav {
  border-top: 2px dotted #222;
  height: 42px;
  margin: 0 80px; padding: 0;
}
.singleNav a {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  width: 350px; height: 41px;
}
.singleNav .alignright a {text-align: right;}

/* FOOT NAVI */
#footNav {
  background: #fff;
  border-top: 1px solid #EBEBEB; border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
#footNav li {
  display: inline-block;
  border-right: 1px solid #aaa;
  font-weight: bold;
  padding: 0 18px;
}
#footNav li:last-child {border: none;}


/* = HOME
-------------------------------------------------------------- */
#homeImg {}
.bx-wrapper{
  overflow: hidden;
  position: absolute;
  top: -50px;
  width: 100% !important;
  z-index: -5;
}
.spImg {width: 960px;}
.bx-window{
  margin: 0 auto !important;
  overflow: visible !important;
  height: 450px;
}
#homeImg div {width: 820px;height: 450px;}
#homeImg div img {
  border: 10px solid #fff;
  margin: 0 10px;
}

.homeEvent div.clear {
  border-bottom: 1px dotted #888;
  height: 230px;
}
.homeEvent div.clear:last-child {border-bottom: none;}
.homeEventImg {
  padding: 0 0 1px 0;
  width: 230px;
}
.homeEventTit {
  border-bottom: 2px solid #222;
  margin: 0 10px 1px 0; padding: 15px 0 12px 0;
  width: 670px;
}
.homeEventBody {
  border-top: 1px solid #222;
  margin: 0 10px 0 0;
  position: relative;
  width: 670px;
}
.homeEventBody p {padding: 10px 0 0 5px;}
a.more-link {
  position: absolute;
  bottom: 0; right: 0;
}

#homeNews li {
  border-bottom: 2px dotted #666;
  padding: 12px 0;
}
#homeNews li:first-child {padding-top: 0;}
#homeNews li:last-child {margin-bottom: 15px;}


/* = CONTENT
-------------------------------------------------------------- */
.single .entryDate {margin: -15px 0 15px 0;}
.entryBody p {padding: 0 0 20px 0;}

.entryBody ul {
  list-style-type: disc;
  margin: 0 5px 25px 23px;
}
.entryBody ol {
  list-style-type: decimal;
  margin: 0 5px 25px 33px;
}

img.aligncenter {
  display: block;
  margin: 0 auto 10px auto;
}
.entryBody img.alignleft {margin: 0 20px 10px 0;}
.entryBody img.alignright {margin: 0 0 10px 20px;}

/* NEWS, MEDIA, EVENT */
.newsWrap, .mediaWrap, .eventWrap {
  border-bottom: 2px dotted #222;
  margin: 0 0 30px 0;
}
.eventWrap {position: relative;}

.mediaTit {
  background: #222;
  color: #fff;
  width: 200px; line-height: 200px;
}
.eventWrap h3 {
  border-bottom: 1px solid;
  margin: 0 0 10px 240px; padding: 5px 0;
}

.newsBody {
  margin: 0 0 0 150px;
  width: 740px;
}
.mediaBody {width: 650px;}
.mediaBody p {
  float: left;
  width: 325px;
}
.mediaBody img.alignleft {
  width: auto; height: 200px;
  margin: 0 10px 10px 0;
}

.eventImg {
  margin: 0 20px 30px 0;
  width: 220px;
}
.eventWrap a.more-link {bottom: 30px;}

/* UKULELE */
.page-id-345 #content {
  background: #fff url(./img/bg_ukulele.png) no-repeat bottom;
  padding-bottom: 440px;
}
.tblUkulele {width: 860px;}
.ukuleleBody {width: 410px;}
.ukuleleBody.alignleft {
  border-right: 1px dotted #ccc;
  margin: 0 0 0 10px; padding: 0 20px 0 0;
}


/* = TABLE
-------------------------------------------------------------- */
.entryBody table {
  margin: 0 10px 20px 10px;
  text-align: left;
}
.entryBody th, .entryBody td {
  border-bottom: 1px dotted #ccc;
  line-height: 1.5;
  padding: 8px 0;
  vertical-align: top;
}
.entryBody th {width: 160px;}

td p:last-child {padding: 0;}

/* ACCESS */
table.tblAccess {
  margin: -20px 0 0 0;
  width: 440px;
}
.tblAccess th, .tblAccess td {
  border: none;
  border-top: 1px dotted #ccc;
}
.tblAccess th {width: 80px;}
td.access {line-height: 24px;}
td.access img {vertical-align: middle;}

table.tbl2 {
  margin: 20px 0 0 0;
  width: 440px;
}


/* = MENU, PARTY
-------------------------------------------------------------- */
table.tblMenu, table.tblParty {margin: 10px 0 40px 10px;}

.tblMenu td:nth-child(1) {width: 580px;}
.tblMenu td:nth-child(2) {
  text-align: right;
  width: 60px;
}
.tblMenu td span{
display:block;
margin-left:1em;
font-size:0.9em;
}
.tblParty th, .tblParty td {border: none;}
.tblParty th {padding-bottom: 3px;}
.tblParty th.partyHead {
  background: #222;
  width: 250px;
}
.tblParty td {
  border-top: 1px dotted #ccc;
  padding-bottom: 0;
  width: 285px;
}

.partyTxt {
  background: #fff;
  display: block;
  margin: 10px; padding: 5px;
}

.tblMenu p {padding: 0 0 10px 0;}
.menuImg {
  margin: 10px 0 20px 0;
  width: 200px;
}
.menuImg h3 {
  background: #222;
  margin: 0;
}
p.menuSub {
  background: #EDDECE;
  border: 2px dotted #777;
  margin: 0 0 20px 0; padding: 10px 15px;
}
p.menuSub strong {color: #900;}

#Widgets_on_Pages_1 {
  border: 3px solid #222;
  margin: 0 0 20px 0;
}
#Widgets_on_Pages_1 p {padding: 0}


/* = CONTACT
-------------------------------------------------------------- */
.tblInq {
  border-top: 2px solid #222;
  width: 860px;
}
.tblInq th, .tblInq td {padding: 15px 0;}
.tblInq th {width: 200px;}

.tblInq th strong {
  color: #c00;
  font-size: .9em;
}
.inqAdd, .inq9inch, .inqTxt {
  display: inline-block;
  padding: 5px 0 0 0;
}

td input[type=text], td textarea {border: 1px solid #d2d2d2;}
td input[type=text] {width: 300px;}
td.inqTel input[type=text], td span.inqZip input[type=text] {width: 80px;}
td span.inqAdd input[type=text] {width: 400px;}
td textarea {width: 600px; height: 200px;}

td label {padding: 0 15px 0 0;}

p.align_c input[type=submit] {
  border: none;
  cursor: pointer;
  font-size: 16px; font-size: 1.6rem;
  margin: 0 20px 0 0; padding: 12px 80px;
}
p.align_c .inqBack input[type=submit] {
  background: #eee;
  color: #555;
}
p.align_c input[type=submit]:hover {background: #064;}
p.align_c .inqBack input[type=submit]:hover {background: #ddd;}

/* タブ */
/*タブ切り替え全体のスタイル*/
.tabs {
}

/*タブのスタイル*/
.tab_item {
  width: 280px;
margin-right:17px;
margin-bottom:40px;
  border: 1px solid #000;
  background-color: #FFF;
  display: block;
  float: left;
  transition: all 0.2s ease;
}
.tab_item.end{
margin-right:0;
}
.tab_item:hover {
  background-color: #D99;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  padding:0;
  clear: both;
  overflow: hidden;
  display: none;
}


/*選択されているタブのコンテンツのみを表示*/
#lunch:checked ~ #lunch_content,
#dinner:checked ~ #dinner_content,
#drinks:checked ~ #drinks_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #D44;
}

/* 58doorstep */
.intro_txt{
font-size:18px;
font-weight:bold;
text-align:center;
line-height:2;
}
.page-id-976 .pageTit{
display:none;
}
.page-id-976 .tblMenu{
font-weight:bold;
}
.page-id-976 .tblMenu tr:last-child td{
border:none;
}

#lunch_content h4 {
margin: 0 0 40px 0;
font-size:20px;
text-align:center;
}
.youtube{
display: inline-block;
background: #111;
border-radius: 50%;
}
.youtube:hover{
background: #F00;
}

.uber{
width:100%;
height:240px;
background:url(http://58diner.com/wp2014/img/2018/10/uber_eats.jpg) no-repeat 0 0/contain;
margin-bottom:40px;
position:relative;
}
.btn_group{
position: absolute;
right:40px;
bottom:40px;
width: 520px;
}
.btn_ap{
display:inline-block;
width:188px;
margin-right:40px;
}
.btn_gp{
display:inline-block;
width:188px;
}
.btn_group a:hover{
opacity:.7;}
.category-news .btn_group{
right: 20px;
bottom: 70px;
width: 440px;
}