@charset "utf-8";
/* CSS Document */


/* =========================================================
  牛角スマートフォンサイト
  共通のスタイル指定(リセット・基本設定、ヘッダー、フッター)
========================================================= */


/* ===============================================
  リセット・基本設定
=============================================== */
html {
  overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th {
  text-align: left;
}
q:before,q:after {
  content: '';
}
object,
embed {
  vertical-align: top;
}
hr,legend {
  display: none;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'HiraKakuProN-W6';
  font-size: 100%;
}
img,abbr,acronym,fieldset {
  border: 0;
}
li {
  list-style-type: none;
}
img {
  vertical-align: bottom;
}

/*  .clearfix
------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*  body
------------------------------------------------*/
html {
  background: url(../images/bg.gif);
}
body {
  color: #fff;
  font-family: "メイリオ","Meiryo","HiraKakuProN-W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 12px;
  line-height: 18px;
}

a {
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
a:hover {
  color: #fff;
  text-decoration: none;
}

/*  #container
------------------------------------------------*/
#container {
  width: 320px;
  margin: 0 auto;
  background:;
}


/* ===============================================
  ヘッダー
=============================================== */
#header {
  width: 320px;
  background: #000;
  position: relative;
  height: 49px;
}
#header .logo {
  text-align: center;
}

#header .siteMenuBtnOpen {
  position: absolute;
  top: 0px;
  right: 0px;
}

#header .siteMenuBtn {
  position: absolute;
  top: 0;
  right: 0px;
}

/*  #header .siteMenuWrap
----------------------------------------------- */
#header .siteMenuWrap {
  width: 320px;
  border-bottom: #980000 4px solid;
  position: absolute;
  z-index: 100;
  display: none;
  top: 0;
  overflow: hidden;
}

#header .siteMenuWrap a {
  color: #FFFFFF;
}

#header .siteMenuWrap .siteMenuList {
  border-top: #980000 4px solid;
  background: #000;
  display: block;
  position: relative;
  top: 49px;
  height: 692px;
}
#header .siteMenuWrap .siteMenuList li.home {
  border-bottom: #333 3px solid;
}
#header .siteMenuWrap .siteMenuList li.twitter {
  border-top: #333 3px solid;
}
#header .siteMenuWrap .siteMenuList li a {
  height: 48px;
  border-bottom: #333 1px solid;
  display: block;
}
#header .siteMenuWrap .siteMenuList li a .menuImg {
  float: left;
}
#header .siteMenuWrap .siteMenuList li a span.txt {
  width: 230px;
  padding: 13px 0 0 2px;
  font-family: "HiraKakuProN-W3";
  font-size: 16px;
  line-height: 20px;
  display: block;
  float: left;
}
#header .siteMenuWrap .siteMenuList li .arrowIcon {
  margin: 15px 0 0 0;
  float: right;
}

/*  #header .siteMenuWrap .closeBtn
----------------------------------------------- */
.closeBtn {
  width: 320px;
  height: 35px;
}
.closeBtn a {
  width: 320px;
  height: 26px;
  padding: 9px 0 0 0;
  background: #222222;
  border-bottom: #333 1px solid;
  text-align: center;
  font-family: "HiraKakuProN-W3";
  position: relative;
  display: block;
}
.closeBtn a .icon {
  position: absolute;
  top: 11px;
  left: 87px;
}
.closeBtn a .txt {
  padding-left: 20px;
}

/*  .categoryTitle
----------------------------------------------- */
.categoryTitle {
  height: 24px;
}
.categoryTitle .icon {
  float: left;
}

/*  店舗検索
  .storeSearch
------------------------- */
.categoryTitle h1.storeSearch {
  height: 20px;
  padding: 4px 0 0 0;
  color: #980000;
  background: #FFFFFF;
}
h1.storeSearch .txt {
  float: left;
  display: block;
}
h1.storeSearch .stxt {
  font-size: 10px;
}


/*  .pageTitleArea
----------------------------------------------- */
.pageTitleArea {
  position: relative;
}
h2.pageTitle01 {
  height: 30px;
  padding: 10px 10px 0 10px;
  background: url(../images/ttl_bg_01.gif) repeat-x left top;
  text-align: center;
  text-shadow: #000 0px -1px 1px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}
h1.pageTitle02 {
  height: 30px;
  padding: 10px 10px 0 10px;
  background: url(../images/ttl_bg_02.gif) repeat-x left top;
  text-align: center;
  text-shadow: #4b0000 0px -1px 1px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}
.backBtn {
  position: absolute;
  top: 5px;
  left: 6px;
}

h2.pageTitle03 {
  //height: 30px;
  padding: 10px 10px 10px 10px;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}
h2.pageTitle03 span.stxt {
  font-size: 10px;
}

h2.pageTitle04 {
  padding: 10px 10px 5px 10px;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
h2.pageTitle04 span.stxt {
  font-size: 10px;
}


/* ===============================================
  コンテンツ
=============================================== */
#contents {
  width: 320px;
}

.detailWrap {
  width: 320px;
  border-bottom: #980000 4px solid;
}

.explain {
  width: 310px;
  height: 22px;
  padding: 2px 5px 0 5px;
  background: #222222;
  text-align: center;
  color: #aaaaaa;
  font-family: "HiraKakuProN-W3";
  font-size: 10px;
}

/* ===============================================
  フッターメニュー
=============================================== */
.btmMenu {
  padding: 18px 10px 15px 10px;
}

.btmMenu .top {
  border-bottom: 3px solid #333333;
}


/* ===============================================
  フッター
=============================================== */
#footer {
}

/*  .pagetop
----------------------------------------------- */
.pagetop {
  height: 33px;
  background: url(../images/btn_pgtp_bg.gif) repeat-x left top;
  background-size: 5px 33px;
  text-align: center;
}
.pagetop a {
  width: 300px;
  height: 27px;
  padding: 6px 10px 0 10px;
  text-align: center;
  font-family: "HiraKakuProN-W3";
  position: relative;
  display: block;
}
.pagetop a .icon {
  position: absolute;
  top: 8px;
  left: 115px;
}
.pagetop a .txt {
  padding-left: 25px;
}

/*  .copyright
----------------------------------------------- */
.copyright {
  width: 300px;
  padding: 5px 10px 6px;
  background: #000;
  text-align: center;
  font-family: "HiraKakuProN-W3";
  font-size: 8px;
  line-height: 1.3;
}




/* =========================================================
  トップページ
  top.html
========================================================= */
body#top {
}

#top .detailWrap {
  border-bottom: none;
}
#top ul.banner-others {
  margin: 10px 0;
  text-align: center;
}
#top ul.banner-others li {
  margin-top: 10px;
}

/*  .bannerArea
----------------------------------------------- */

#bannerArea {
  width: 320px;
  height: 175px;
  overflow: hidden;
}
#bannerArea .bannerDisplay {
  position: relative;
  height: 155px;
  overflow: hidden;
}

#bannerArea .banner {
}
#bannerArea .banner li {
  display: inline;
}
#bannerArea .banner a {
  margin: 0;
  padding: 0;
  background:;
  display: block;
  float: left;
  overflow: hidden;
}
#bannerArea .pagger {
  width: 200px;
  margin: 7px auto -25px auto;
  text-align: center;
  display: block;
}
#bannerArea .pagger li {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  background: #666666;
  border-radius: 5px;
  text-indent: -9999px;
  display: inline-block;
  overflow: hidden;
  }
#bannerArea .pagger li.selected {
  background: #b81c22;
}

#bannerArea .disable {
  display: none;
}

#coupon #bannerArea {
  width: 320px;
  height: 420px;
  overflow: hidden;
}
#coupon #bannerArea .bannerDisplay {
  position: relative;
  height: 395px;
  overflow: hidden;
}

/*  .storeSearch
----------------------------------------------- */
#top .storeSearch {
  width: 320px;
  height: 100px;
  position: relative;
}
#top .storeSearch p.area {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 80px;
  left: 130px;
}
#top .storeSearch p.location {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 80px;
  left: 224px;
}

/*  .info
----------------------------------------------- */
#top .info {
  padding: 9px 0 0 8px;
}

/*  .attention
----------------------------------------------- */
#top .attention {
  padding: 14px 5px 10px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

/*  .coupon
----------------------------------------------- */
#top .coupon {
  padding: 7px 0 0;
  text-align: center;
}
#top .app {
  padding: 7px 0 0;
  text-align: center;
}
#top .poster {
  margin: -4px 0 10px;
  text-align: center;
}
#top .video {
  padding: 0 0 7px;
  text-align: center;
}

/*  .btnArea
----------------------------------------------- */
#top .btnArea {
  padding: 10px 10px 10px 10px;
  position: relative;
}
#top .btnArea .mnTxt a {
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  top: 41px;
  left: 87px;
}
#top .btnArea .rsrTxt a {
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  top: 116px;
  left: 87px;
}
#top .btnAreaAdd {
  padding: 0 10px 10px 10px;
}

/*  .topics
----------------------------------------------- */
#top .topics {
  margin: 0 10px 10px 10px;
  background: url(../images/top/tpcs_bg.gif) repeat-y left top;
}
#top .topics ul li a {
  width: 285px;
  padding: 5px 0 5px 15px;
  border-top: #333 1px solid;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  display: block;
}
#top .topics ul li a .date {
  width: 250px;
  color: #aaa;
  display: block;
  float: left;
}
#top .topics ul li a .txt {
  width: 250px;
  color: #fff;
  display: block;
  float: left;
}
#top .topics ul li a .pdfIcon {
  margin: 0 10px 0 0;
  float: right;
}

/*  .snsArea
----------------------------------------------- */
#top .snsArea {
  margin: 0 7px 10px 7px;
}
#top .snsArea p.line {
  width: 300px;
  margin: 0 auto 10px;
}
#top .snsArea li {
  float: left;
}
#top .snsArea li.fb {
  margin-left: 6px;
  float: left;
}
#top .snsArea .txt {
  margin: 8px 0 0 20px;
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  float: left;
}
#top .snsArea .twitter {
  margin: 5px 0 5px 1px;
  float: left;
  padding-left: 3px;
}
#top .snsArea .facebook {
  width: 143px;
  height: 25px;
  overflow: hidden;
  margin: 5px 3px 5px 0;
  float: right;
}
#top .snsArea .recruit {
  width: 300px;
  margin: 0px auto 10px;
}

#top .snsArea .voice {
  width: 300px;
  margin: 0px auto 4px;
}

/*  .pcLinkArea
----------------------------------------------- */
#top .pcLinkArea {
  position: relative;
}
#top .pcLinkArea li.osTxt a {
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  top: 58px;
  left: 50px;
}
#top .pcLinkArea li.onyasaiTxt a {
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  top: 100px;
  left: 50px;
}
.pcSiteBtn {
  width: 320px;
  padding: 10px 0 0 0;
  background: #000;
  text-align: center;
  position: relative;
}
.pcSiteBtn span {
  color: #1a1a1a;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  display: block;
  position: absolute;
  top: 14px;
  left: 143px;
}
/* =========================================================
  キャンペーン
  campaign1.html
  campaign2.html
========================================================= */

/*  キャンペーン
 *
  .campaign
------------------------- */
#campaign h2{
  padding: 10px 10px 0px 10px;
  color: #aaa;
  font-size: 10px;
  line-height: 14px;
}

.categoryTitle h1.campaign {
  height: 20px;
  padding: 4px 0 0 10px;
  background: #980000;
  border-bottom: #333 1px solid;
}
h1.campaign .txt {
  float: left;
  display: block;
}
h1.campaign .stxt {
  font-size: 10px;
}

.att {
  padding: 5px 10px 10px 10px;
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
}

.btnToCoupon {
  margin: 5px auto 20px;
  text-align: center;
}


/*  .backToTopBtn
----------------------------------------------- */
.backToTopBtn a {
  width: 320px;
  height: 34px;
  padding: 13px 0 0 0;
  background: #222222;
  border-bottom: #333 1px solid;
  text-align: center;
  font-weight: bold;
  position: relative;
  display: block;
  text-decoration: underline;
}
.backToTopBtn a .icon {
  position: absolute;
  top: 11px;
  left: 100px;
}
.backToTopBtn a .txt {
  padding-left: 20px;
}




/* =========================================================
  店舗検索
  area.html
  area2.html
  area3.html
  area4.html
========================================================= */
body#search {
}


/* ===============================================
  エリア・都道府県
  ○○県
  area.html
  area2.html
=============================================== */

.searchTextForm {
  margin: 0 10px;
  padding-bottom: 5px;
  display: block;
  background: url("/sp/common/images/search/searchText_bg.png") no-repeat left top;
  -webkit-background-size: 255px auto;
  -moz-background-size: 255px auto;
  -o-background-size: 255px auto;
  -ms-background-size: 255px auto;
}
.searchTextForm .searchText {
  display: block;
  margin: 5px 10px;
  float: left;
  width: 235px;
  border: 0;
  background: none;
  overflow: hidden;
  font-size: 1.2em;
}
.searchTextForm .searchText:focus {
  border: none;
}
.searchTextForm input{
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

ul.todoufu {
  background: #000;
  border-top: #333 1px solid;
}
ul.todoufu li a {
  height: 30px;
  padding: 10px 0 0 16px;
  border-bottom: #333 1px solid;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

ul.todoufu li.child a {
  height: 30px;
  padding: 10px 0 0 27px;
  background: #222;
  border-bottom: #333 1px solid;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

ul.todoufu li .listTxt {
  float: left;
}
ul.todoufu li .plusIcon {
  margin: 0 0 0 10px;
  float: right;
}
ul.todoufu li .minusIcon {
  margin: 0 0 0 10px;
  float: right;
}
ul.todoufu li .arrowIcon {
  margin: 0 0 0 10px;
  float: right;
}

ul.todoufu ul {
  display: none;
}



/* ===============================================
  〇〇区
  area3.html
=============================================== */
ul.storeList {
  background: #000;
}
ul.storeList li a {
  padding: 12px 0 12px 16px;
  border-bottom: #333 1px solid;
  display: block;
}
ul.storeList li a span.txt {
  width: 279px;
  display: block;
  float: left;
}

ul.storeList li a span.name {
  color: #b30000;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  display: block;
}
ul.storeList li a span.address {
  color: #aaaaaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  display: block;
}
ul.storeList li a span.tel {
  color: #aaaaaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  display: block;
}
ul.storeList li a span.tel img {
  margin: 3px 0 4px 0;
}

ul.storeList li .arrowIcon {
  margin: 14px 0 0 0;
  float: right;
}
ul.storeList li .arrowIcon2 {
  margin: 10px 0 0 0;
  float: right;
}

.resultTxt {
  width: 310px;
  height: 20px;
  padding: 2px 5px 0 5px;
  background: #000;
  border-bottom: #333 1px solid;
  text-align: center;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
}

.moreBtn a {
  width: 320px;
  height: 34px;
  padding: 13px 0 0 0;
  background: #222222;
  border-bottom: #333 1px solid;
  text-align: center;
  font-family: "HiraKakuProN-W3";
  position: relative;
  display: block;
  font-weight: bold;
  text-decoration: underline;
}
.moreBtn a .icon {
  position: absolute;
  top: 15px;
  left: 115px;
}
.moreBtn a .txt {
  padding-left: 28px;
}

/*  .menuTopBackBtnArea
----------------------------------------------- */
.menuTopBackBtnArea {
  width: 320px;
  position: relative;
}
.menuTopBackBtnArea .mtbkBtn a {
  width: 320px;
  height: 29px;
  padding: 11px 0 0 0;
  background: #222222;
  text-align: center;
  font-weight: bold;
  display: block;
  text-decoration: underline;
}
.menuTopBackBtnArea .prevBtn a {
  position: absolute;
  top: 0;
  left: 0;
}
.menuTopBackBtnArea .nextBtn a {
  position: absolute;
  top: 0;
  right: 0;
}

/*  .reservationBtnArea
----------------------------------------------- */
.reservationBtnArea {
  margin: 5px 0 15px;
  text-align: center;
}

/*  .desertBtnArea
----------------------------------------------- */
.desertBtnAreaWrap {
  position: relative;
}
.desertBtnArea {
  display: block;
  position: absolute;
}
.desertBtnArea img {
  margin: 0 auto;
}
.desertBtnAreaNoP {
  padding-top: 0!important;
}
.desertBtnAreaEnkai3 {
  bottom: 15px; left: 0; right: 0;
}
.desertBtnAreaEnkai4 {
  bottom: 25px; left: 0; right: 0;
}
.desertBtnAreaEnkai5 {
  bottom: 25px; left: 0; right: 0;
}
.desertBtnAreaTabehoudai2 {
  bottom: 15px; left: 0; right: 0;
}
.desertBtnAreaTabehoudai3 {
  bottom: 25px; left: 0; right: 0;
}
.desertBtnAreaTabehoudai4 {
  bottom: 25px; left: 0; right: 0;
}

/* ===============================================
  〇〇店
  area4.html
=============================================== */
table.storeSpec {
  width: 320px;
  background: #000;
  border-top: #333 1px solid;
}
table.storeSpec tr {
  border-bottom: #333 1px solid;
}
table.storeSpec th {
  width: 50px;
  padding: 0 10px 0 10px;
  color: #aaa;
  font-size: 10px;
}
table.storeSpec td {
  padding: 10px 0;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
}
table.storeSpec td span.btn {
  margin: 5px 0 0 0;
  display: block;
}


/* ===============================================
  現在地・リスト
  location.html
=============================================== */
.locationTab {
  height: 50px;
  background: url(../images/search/lctn_tb_bg.gif) repeat-x left top;
}
.locationTab ul {
  padding: 8px 5px 0 15px;
}
.locationTab ul li {
  margin-right: 10px;
  float: left;
}

/*  現在地用
  .storeList
----------------------------------------------- */
ul.storeList li a span.distance {
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  display: block;
}
ul.location li .arrowIcon {
  margin: 22px 0 0 0;
  float: right;
}


/* ===============================================
  現在地・地図
  location2.html
=============================================== */
.mapArea {
  width: 320px;
  height: 270px;
  background: #000;
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
}

/* ===============================================
  メニュー注釈
  menu-notes
=============================================== */
.menu-notes {
  padding: 10px;
  font-size: 8px;
  border-bottom: 1px solid #333;
}

/* ===============================================
  メニューTOP
  menu.html
=============================================== */
ul.menu01 {
  background: #000;
}
ul.menu01 li a {
  height: 60px;
  border-bottom: #333 1px solid;
  display: block;
}
ul.menu01 li a .menuImg {
  float: left;
}
ul.menu01 li a span.txt {
  width: 212px;
  padding: 20px 0 0 2px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  display: block;
  float: left;
}
ul.menu01 li a span.txt .txt--info {
  font-size: 10px;
  display: inline-block;
  margin-top: -3px;
}
ul.menu01 li .arrowIcon {
  margin: 21px 0 0 0;
  float: right;
}


/* ===============================================
  商品カテゴリー
  menu2.html
=============================================== */
.visual {
  border-top: #000 1px solid;
}

.visual img{
  display: block;
}

/* ===============================================
  小カテゴリー
  menu3.html
=============================================== */
ul.menu03 {
  background: #000;
}
ul.menu03 li a {
  height: 67px;
  border-bottom: #333 1px solid;
  display: block;
}
ul.menu03 li a .menuImg {
  margin: 9px 8px 5px 5px;
  float: left;
}

ul.menu03 li a span.txt0 {
  width: 215px;
  padding: 7px 0 5px 0;
  display: block;
  float: left;
}
ul.menu03 li a span.name0 {
  width: 215px;
  height: 38px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: left;
}
ul.menu03 li a span.txt1 {
  width: 185px;
  padding: 7px 0 5px 0;
  display: block;
  float: left;
}
ul.menu03 li a span.name1 {
  width: 185px;
  height: 38px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: left;
}
ul.menu03 li a span.txt2 {
  width: 155px;
  padding: 7px 0 5px 0;
  display: block;
  float: left;
}
ul.menu03 li a span.name2 {
  width: 155px;
  height: 38px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: left;
}
ul.menu03 li a span.txt3 {
  width: 125px;
  padding: 7px 0 5px 0;
  display: block;
  float: left;
}
ul.menu03 li a span.name3 {
  width: 135px;
  height: 30px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: left;
}
ul.menu03 li a span.txt4 {
  width: 255px;
  padding: 7px 0 5px 0;
  display: block;
  float: left;
}
ul.menu03 li a span.name4 {
  width: 255px;
  height: 30px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: left;
}
ul.menu03 li a span.name0 .sname, ul.menu03 li a span.name1 .sname, ul.menu03 li a span.name2 .sname, ul.menu03 li a span.name3 .sname, ul.menu03 li a span.name4 .sname {
  font-weight: bold;
  font-size: 9px;
  line-height: 14px;
}

ul.menu03 li a span.txt0 .price, ul.menu03 li a span.txt1 .price, ul.menu03 li a span.txt2 .price, ul.menu03 li a span.txt3 .price, ul.menu03 li a span.txt4 .price {
  padding: 2px 0 0 0;
  color: #d30000;
  font-weight: bold;
  display: block;
  float: left;
}
ul.menu03 li a span.txt0 .sprice, ul.menu03 li a span.txt1 .sprice, ul.menu03 li a span.txt2 .sprice, ul.menu03 li a span.txt3 .sprice, ul.menu03 li a span.txt4 .sprice {
  color: #d30000;
  font-weight: bold;
  font-size: 10px;
}

ul.menu03 li .scategoryIcon {
  margin: 15px 0 0 3px;
  float: right;
}
ul.menu03 li .arrowIcon {
  margin: 21px 0 0 4px;
  float: right;
}


/* ===============================================
  商品詳細
  menu4.html
=============================================== */
.priceTxt {
  height: 22px;
  padding: 7px 10px 0 10px;
  background: #000;
  border-bottom: #333 1px solid;
  color: #d30000;
  font-weight: bold;
}
.priceTxt .stxt {
  font-size: 8px;
  color: #FFFFFF;
  font-weight: normal;
  float: right;
}
.explainTxt {
  padding: 5px 10px 5px 10px;
  background: #000;
  border-bottom: #333 1px solid;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
}

.attention,
.atn {
  font-size: 8px;
  color: #FFFFFF;
  font-weight: normal;
}
.atn {
  margin-left:5px;
}

/* =========================================================
  食べ放題
  tabehoudai.html
  tabehoudai2.html
========================================================= */

/*  .tabehoudai_menu_list
----------------------------------------------- */
.tabehoudai_menu_list {
  background: #000;
}
.tabehoudai_menu_list ul li {
  background-repeat: no-repeat;
  background-position: 4px 50%;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
}
.tabehoudai_menu_list ul li.premium {
  background-image: url(../images/reservation/icon_01.gif);
  background-position: 8px 50%;
  -webkit-background-size: 44px 44px;
  background-size: 44px 44px;
}
.tabehoudai_menu_list ul li.tabehoudai1 {
  background-image: url(../images/reservation/icon_02.gif?v=1);
}
.tabehoudai_menu_list ul li.tabehoudai2 {
  background-image: url(../images/reservation/icon_05.gif?v=1);
}
.tabehoudai_menu_list ul li.tabehoudai3 {
  background-image: url(../images/reservation/icon_06.gif?v=1);
}
.tabehoudai_menu_list ul li.tabehoudai4 {
  background-image: url(../images/reservation/icon_07.gif?v=1);
}
.tabehoudai_menu_list ul li a {
  height: 48px;
  display: block;
  padding: 12px 0 0 65px;
  border-bottom: #333 1px solid;
  background-image: url(../images/icn_arrw.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 25px 18px;
  background-size: 25px 18px;
}
.tabehoudai_menu_list ul li a span.name {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  display: block;
}
.tabehoudai_menu_list ul li a span.price {
  color: #d30000;
  font-weight: bold;
  display: block;
}
.tabehoudai_menu_list ul li a span.price .stxt {
  font-size: 10px;
}

/*  .courseMenuArea
----------------------------------------------- */
.courseMenuArea {
  background: #000;
}

.courseMenuArea h2 {
  width: 320px;
  height: 30px;
  padding: 10px 0 0 0;
  background: url(../images/menu/mn_ttl_bg.gif) repeat-x left top;
  border-bottom: #333 1px solid;
  text-align: center;
  text-shadow: #000 0px -2px 2px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.courseMenuArea ul.courseMenu {
  background: #000;
}
.courseMenuArea ul.courseMenu li a {
  height: 29px;
  padding: 11px 0 0 16px;
  border-bottom: #333 1px solid;
  font-weight: bold;
  font-size: 12px;
  display: block;
}
.courseMenuArea ul.courseMenu li .listTxt {
  float: left;
}
.courseMenuArea ul.courseMenu li .arrowIcon {
  margin: 0 0 0 10px;
  float: right;
}

.courseMenuArea ul.courseMenu li.open {
  display: none;
}

.courseMenuArea ul.courseMenu li.open a {
  height: 29px;
  padding: 11px 0 0 16px;
  background: #980000;
  border-bottom: #333 1px solid;
  font-weight: bold;
  font-size: 12px;
  display: block;
}

.courseMenuArea ul.courseMenu li.openImg {
  display: none;
}

.courseMenuArea h2,
.courseMenuArea h3 {
  width: auto;
  height: auto;
  line-height: 14px;
  padding: 10px 10px 0px 10px;
  border: 0;
  color: #d30000;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  text-align: left;
  background: none;
}
.courseMenuArea .att {
  padding: 5px 10px 10px 10px;
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
}
.courseMenuArea .att strong {
  font-weight: 100;
  text-decoration: underline;
}
.courseMenuArea .att li {
  display: inline;
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  margin-right: 0.5em;
}
.courseMenuArea .att li:before{
  display: marker;
  content: counter(cnt) ". ";
}
.courseMenuArea .attred {
  padding: 0 10px 10px 10px;
  color: #d30000;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
}

/*  .tbhdBannerArea
----------------------------------------------- */
.tbhdBannerArea {
  padding: 5px 0 0 10px;
}
.tbhdBannerArea li {
  margin: 10px 10px 0 0;
  float: left;
}
.tbhdBannerArea li.last {
  margin: 10px 10px 0 80px;
  float: left;
}

/* =========================================================
  キッズメニュー
  kids.php
========================================================= */
.kids_menu {
  text-align: center;
}
.kids_menu p {
}

.kids_menu .allergy {
  background-color: #fdfbed;
}

/* =========================================================
  クーポン
  coupon.html
========================================================= */
body#coupon {
}

#coupon .detailWrap {
  background: #000;
}

#coupon .couponArea {
  background: #000;
}

#coupon .couponArea h3 {
  padding: 10px 10px 0px 10px;
  color: #aaa;
  font-size: 10px;
  line-height: 14px;
}
#coupon .couponArea .att {
  padding: 5px 10px 10px 10px;
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
}

#coupon .attentionText {
  margin: 0 auto;
  padding: 10px 0 7px;
  text-align: center;
  background: #222222;
}

#coupon .appliStore {
  margin-left: 69px;
  padding-bottom: 6px;
}
#coupon .appliStore li {
  margin-bottom: 8px;
}
#coupon .appliStore .appliStoreText {
  padding-left: 5px;
  font-size: 10px;
  line-height: 1.35;
}



/* =========================================================
  ご宴会予約
  reservation.html
========================================================= */
#reservation .reservationBtn {
  padding: 15px 10px;
  background: #000;
}
#reservation .reservationBtn p.txt {
  padding: 10px 0 0 0;
  color: #aaa;
  font-family: "HiraKakuProN-W3";
  font-size: 10px;
  line-height: 14px;
}
#reservation .rsrBanner {
  border-top: #000 1px solid;
}

/*  .enkai_menu_list
----------------------------------------------- */
.enkai_menu_list {
  background: #000;
}
.enkai_menu_list ul li {
  background-repeat: no-repeat;
  background-position: 4px 50%;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
}
.enkai_menu_list ul li.premium {
  background-image: url(../images/reservation/icon_01.gif);
  background-position: 8px 50%;
  -webkit-background-size: 44px 44px;
  background-size: 44px 44px;
}
.enkai_menu_list ul li.enkai1 {
  background-image: url(../images/reservation/icon_02.gif);
}
.enkai_menu_list ul li.enkai2 {
  background-image: url(../images/reservation/icon_05.gif);
}
.enkai_menu_list ul li.enkai3 {
  background-image: url(../images/reservation/icon_06.gif);
}
.enkai_menu_list ul li.enkai4 {
  background-image: url(../images/reservation/icon_07.gif);
}
.enkai_menu_list ul li a {
  height: 48px;
  display: block;
  padding: 12px 0 0 65px;
  border-bottom: #333 1px solid;
  background-image: url(../images/icn_arrw.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 25px 18px;
  background-size: 25px 18px;
}
.enkai_menu_list ul li a span.name {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  display: block;
}
.enkai_menu_list ul li a span.price {
  color: #d30000;
  font-weight: bold;
  display: block;
}
.enkai_menu_list ul li a span.price .stxt {
  font-size: 10px;
}

/*  #coupon
----------------------------------------------- */
#coupon #bannerArea {
  background: #222222;
}
#coupon #bannerArea .prevBtn {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 220px;
  left: 0;
}
#coupon #bannerArea .nextBtn {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 220px;
  left: 270px;
}
#coupon #bannerArea .prevBtn span, #bannerArea .nextBtn span {
  padding: 10px;
}

/*  牛角へゴーゴーチャンス
  #gogocp
------------------------- */
#gogocp #titleBox {
  position: relative;
  height: 207px;
  width: 320px;
}
#gogocp #titleBox .join {
  position: absolute;
  left: 202px;
  top: 142px;
  color: #dd0010;
  font-weight: bold;
  font-size: 18px;
  width: 45px;
  text-align: center;
}
#gogocp #titleBox .anchor {
  position: absolute;
  top: 178px;
  left: 228px;
  background: url(../../gogoCP/images/arrow_01.gif) no-repeat left center;
  -webkit-background-size: 9px auto;
  -moz-background-size: 9px auto;
  -o-background-size: 9px auto;
  -ms-background-size: 9px auto;
}
#gogocp #titleBox .anchor a {
  display: block;
  padding-left: 13px;
  font-weight: bold;
  font-size: 0.7em;
  height: 20px;
  color: #541700;
  text-decoration: underline;
}

#gogocp .detailWrap {
  color: #541700;
  font-size: 0.6em;
  line-height: 10px;
  background: url(../../gogoCP/images/bg.gif) repeat-y left center;
  -webkit-background-size: 320px auto;
  -moz-background-size: 320px auto;
  -o-background-size: 320px auto;
  -ms-background-size: 320px auto;
}

#gogocp #step1 {
  padding-bottom: 9px;
}
#gogocp #step1 h3 {
  margin-bottom: 9px;
}
#gogocp #step1 ul {
  display: block;
  width: 306px;
  margin: 0 4px 0 10px;
}
#gogocp #step1 ul .tw {
  float: left;
}
#gogocp #step1 ul .fb {
  float: right;
}
#gogocp #step1 p {
  text-align: center;
}
#gogocp #step1 p.errorAtt {
  color: #FFFFFF;
}

#gogocp .errorBox h3 {
  margin-bottom: 4px;
}
#gogocp .errorBox .innerBox {
  padding: 42px 0 12px;
  background: url(../../gogoCP/images/errorBox_bg.gif) no-repeat left top;
  -webkit-background-size: 320px auto;
  -moz-background-size: 320px auto;
  -o-background-size: 320px auto;
  -ms-background-size: 320px auto;
}

#gogocp #step2 h3 {
  margin-bottom: 7px;
}
#gogocp #step2 ul li {
  margin: 0 0 5px 10px;
}

#gogocp #step3 {
  background: url(../../gogoCP/images/bottom_bg.gif) repeat-x left bottom;
  -webkit-background-size: 1px auto;
  -moz-background-size: 1px auto;
  -o-background-size: 1px auto;
  -ms-background-size: 1px auto;
}
#gogocp #step3 .menuLink {
  background: url(../../gogoCP/images/arrow_02.gif) no-repeat left center;
  margin-bottom: 15px;
  -webkit-background-size: 10px auto;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  -ms-background-size: 10px auto;
  float: right;
  width: 140px;
}
#gogocp #step3 .menuLink a {
  padding-left: 13px;
  color: #541700;
  font-size: 1.2em;
  text-decoration: underline;
}
#gogocp #step3 ul.menuList {
  display: block;
  padding-left: 6px;
  margin-bottom: 6px;
}
#gogocp #step3 ul.menuList li {
  height: 105px;
  float: left;
  width: 105px;
}
#gogocp #step3 ul.menuList li.last {
  width: 98px;
}

#gogocp  #step3 #tweetArea {
  background: url(../../gogoCP/images/tweetArea_bg.png) no-repeat left top;
  -webkit-background-size: 300px auto;
  -moz-background-size: 300px auto;
  -o-background-size: 300px auto;
  -ms-background-size: 300px auto;
  width: 280px;
  height: 79px;
  padding: 10px;
  font-size: 1.4em;
  line-height: 1.6;
  margin-left: 10px;
}
#gogocp #step3 #tweetArea .link {
  color: #cb000b;
}
#gogocp #step3 .checkBtn {
  width: 143px;
  height: 23px;
  margin: 10px auto 12px;
}
#gogocp #step3 .checkBtn #checkTwitter {
  float: left;
}
#gogocp #step3 .checkBtn #checkFacebook {
  float: right;
}

#gogocp #step3 .submit {
  margin: 0 0 6px 10px;
}
#gogocp #step3 .att {
  text-align: center;
  color: #fff9b0;
  margin-bottom: 0;
  padding-bottom: 33px;
}

#gogocp #summary {
  color: #541700;
  font-size: 8px;
}
#gogocp #summary .innerBox {
  padding: 10px 0;
  background-color: #fff9b0;
}
#gogocp #summary .innerBox a {
  color: #e40012;
}
#gogocp #summary p {
  margin-bottom: 15px;
  padding: 0 10px;
}
#gogocp #summary .att {
  font-weight: bold;
  padding: 0 10px;
  margin-bottom: 1px;
  color: #541700;
}
#gogocp #summary p.borderBottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #cbb57b;
  margin-bottom: 10px;
}
#gogocp #summary p.last {
  margin-bottom: 5px;
}
#gogocp #summary strong {
  font-weight: bold;
}

#gogocp .pagetop {
  font-size: 1.6em;
  line-height: 18px;
}

#gogocp .couponBox {
  background: url(../../gogoCP/images/couponBox_bg.gif) repeat-y left top;
  -webkit-background-size: 320px auto;
  -moz-background-size: 320px auto;
  -o-background-size: 320px auto;
  -ms-background-size: 320px auto;
  padding: 10px 0;
  text-align: center;
  color: #fff9b0;
  font-size: 1.4em;
  line-height: 1.6;
}

#gogocp .couponBox span {
  font-size: 0.8em;
}

#gogocp .attBox {
  background: #fff9b0;
  font-size: 1.1em;
  padding: 10px;
}
#gogocp .attBox h4 {
  font-weight: bold;
  margin-bottom: 4px;
}

#gogocp .bottomBox {
  background: #000000;
  color: #dd0010;
  font-size: 1.1em;
  padding: 10px 10px 20px;
}
#gogocp .bottomBox img {
  display: block;
  margin-top: 10px;
}

#gogocp .storeSearch {
  width: 320px;
  height: 100px;
  position: relative;
}
#gogocp .storeSearch p.area {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 80px;
  left: 130px;
}
#gogocp .storeSearch p.location {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 80px;
  left: 224px;
}

.hangakuCm {
  display:block;
  background:url(/sp/common/images/campaign/hangaku/02.jpg) no-repeat left top;
  height: 185px;
  width: 320px;
  -webkit-background-size: 320px auto;
  -moz-background-size: 320px auto;
  -o-background-size: 320px auto;
  -ms-background-size: 320px auto;
  position: relative;
}
.hangakuCm video {
  position: absolute;
  display: block;
  left: 11px;
  top: 2px;
  width: 298px;
  height: 167px;
}
.wagyusaiBtn {
  background:url(/sp/common/images/campaign/wagyusai/btn_bg.gif) no-repeat left top;
  text-align: center;
  padding-top: 11px;
  height: 68px;
  width: 320px;
  -webkit-background-size: 320px auto;
  -moz-background-size: 320px auto;
  -o-background-size: 320px auto;
  -ms-background-size: 320px auto;
}
.zeitakuBtn {
  background:url(/sp/common/images/campaign/zeitaku/img_03.gif) no-repeat left top;
  text-align: center;
  height: 65px;
  width: 320px;
  -webkit-background-size: 320px auto;
  -moz-background-size: 320px auto;
  -o-background-size: 320px auto;
  -ms-background-size: 320px auto;
}

/* ===============================================
  牛角サンキュークーポン
  /sp/thankyou/
=============================================== */
.thankyou .intro {
  position: relative;
  width: 320px;
  height: 430px;
}
.thankyou .intro .cm {
  width: 296px;
  position: absolute;
  left: 10px;
  bottom: 13px;
  border: 2px solid #fff;
  background: #fff;
}
.thankyou .main {
  text-align: center;
}
.thankyou .main h2 {
  margin: 0 0 7px;
}
.thankyou .main p.or {
  height: 29px;
  padding: 2px 0 0;
}
.thankyou .main .coupon2 {
  width: 320px;
  height: 382px;
  background: url(/sp/common/images/campaign/thankyou/bck01.jpg) no-repeat left top;
  background-size: 320px auto;
}
.thankyou .main .coupon2 p.btn {
  margin: 9px 0 0;
}
.thankyou .smajuu {
  width: 320px;
  height: 131px;
  padding: 9px 0 0;
  text-align: center;
  background: url(/sp/common/images/campaign/thankyou/bck02.jpg) no-repeat left top;
  background-size: 320px auto;
}

/* ===============================================
  ニクニククーポンキャンペーン
  /sp/campaign/2929cp
=============================================== */
.cp2929Section1 {
  padding: 0 0 12px;
  text-align: center;
  background: url(/sp/common/images/campaign/2929cp/bck01.gif) repeat-y left top;
}
.cp2929Section1 .text {
  margin: 10px 0 12px;
}
.cp2929Section2 {
  padding: 10px 0 15px;
  text-align: center;
  background: url(/sp/common/images/campaign/2929cp/bck02.gif) repeat-y left top;
}
.cp2929Section2 .menu {
  margin: 0 0 10px;
}
.cp2929Section2 .rimit {
  margin: 10px 0 12px;
  text-align: right;
}

/* ===============================================
  おいし合ってる？CM
=============================================== */
.oishiatteru {
  width: 320px;
  height: 422px;
  position: relative;
  padding: 143px 0 0;
  background: #fff5e0;
}
.oishiatteru h2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.oishiatteru .item {
  width: 300px;
  position: relative;
  z-index: 10;
  margin: 12px 10px 0;
}
.oishiatteru .item .video {
  overflow: hidden;
  border: 4px solid #c8161e;
  border-bottom: 0;
  background: #000;
}

.oishiatteru .item video {
}
/* ===============================================
  カルビアン
=============================================== */
.karubian {
  width: 320px;
  position: relative;
  background: #fffef3;
}
.karubian .eyecatch {
  margin: 0 0 45px;
}
.karubian .cm {
  width: 289px;
  padding: 5px 5px 7px 6px;
  position: absolute;
  top: 264px;
  left: 10px;
  background: #d90000;
}
.karubian .cm p {
  padding: 7px 0 0;
  text-align: center;
}
.karubian .banner {
  width: 300px;
  position: absolute;
  top: 468px;
  left: 10px;
  text-align: center;
}
.karubian .banner li {
  display: inline-block;
}
.karubian .reason {
  padding: 10px;
}
/* ===============================================
   秋の牛角グルメ祭
=============================================== */
.coupon_info{
  background: url(/sp/common/images/campaign/akigourmet/img_03.jpg) repeat-y left top;
}
.coupon_info a{
  display: block;
  padding: 10px 0;
  text-align: center;
}
.coupon_info p{
  width: 290px;
  margin: 0 auto;
  padding: 0 0 15px;
}

/* ===============================================
   coupon-list
=============================================== */
.coupon-list {
  margin-bottom: 15px;
  text-align: center;
}
.coupon-list li {
  margin-top: 10px;
}
.coupon-caption {
  padding-top: 10px;
  background-color: #000;
}
.coupon-caption h3 {
  margin: 0 10px;
}
.coupon-caption h4 {
  margin: 0 10px;
}


/* ===============================================
   肉の日大感謝祭
=============================================== */
#campaign-nikunohi .att {
  margin-bottom: 15px;
  color: #fff;
  font-size: 12px;
  line-height: 1.33;
}

.nikunohiMovie {
  width: 300px;
  margin: 0 auto 20px;
}

.nikunohiCoupon {
  width: 300px;
  margin: 0 auto 15px;
}