@charset "utf-8"; /*使用する文字コード*/
.ui-body-a, .ui-overlay-a, body.ui-mobile-viewport div.ui-body-a .ui-content {
background: url(/cmn/images/body_bg.gif) top left repeat;
color:#ffffff;
text-shadow: 0 1px 0 #1A1713;
}
BR.clear{
    clear:both;
}
H1#siteTitle{
margin: -15px -15px 0px -15px;
    font-size:13px;
padding: 5px 0 5px 0;
color: #A78B67;
}
H1.marquee{
    overflow:hidden;
    position:relative;
}
H1.marquee span{
    margin:0;
    padding-left:400px;
    display:inline-block;
    white-space:nowrap;
        -webkit-animation-name:marquee;
        -webkit-animation-timing-function:linear;
        -webkit-animation-duration:15s;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-name:marquee;
        -moz-animation-timing-function:linear;
        -moz-animation-duration:15s;
        -moz-animation-iteration-count:infinite;
        -ms-animation-name:marquee;
        -ms-animation-timing-function:linear;
        -ms-animation-duration:15s;
        -ms-animation-iteration-count:infinite;
        -o-animation-name:marquee;
        -o-animation-timing-function:linear;
        -o-animation-duration:15s;
        -o-animation-iteration-count:infinite;
        animation-name:marquee;
        animation-timing-function:linear;
        animation-duration:15s;
        animation-iteration-count:infinite;
}
H1.marquee span:after{
    content:"";
    white-space:nowrap;
    padding-right:50px;
}
@-webkit-keyframes marquee{
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee{
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee{
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee{
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee{
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}

STRONG.caution{
    color:#DD0000;
}
DIV.imageGroup{
    text-align:center;
}
.ui-li-heading,
.ui-li-desc,
.ui-btn-text{
overflow: visible;
white-space: normal;
}

DIV#catchArea{
    margin:0px;
    text-align:center;
}
DIV.telBanner{
    text-align:center;
}
DIV#swipeImage UL,
DIV#swipeImage LI{
    margin:0px;
    padding:0px;
    list-style:none;
}
DIV#swipeImage UL{
    width:100%;
}
SPAN#swipeImagePosition{
    font-size:18px;
}
SPAN#swipeImagePosition em.swipeImageOn {
    color:#EE0000;
}

DIV.ui-collapsible-inset .ui-collapsible-content IMG,
DIV.entryBody IMG {
max-width:100%;
}
.tac,
.frml20,
.flmr20{
text-align:center;
margin:0 auto;
}
SPAN.accent {
font-weight: bold;
}
SPAN.accent_nor {
color:#fff;
font-weight: normal;
}
SPAN.accent01 {
font-weight: bold;
color:#e9b71f;
}

SPAN.accent02 {
color: #f05632;
font-weight: bold;
}
SPAN.accent03 {
font-size:11px;
font-weight: bold;
}
SPAN.accent04 {
color:#27308C;
font-weight: bold;
}
SPAN.red {
font-size:11px;
font-weight: bold;
color:#CB3434;
}

H2 {
background-image: url(/cmn/images/h2_bg.png);
background-position: center bottom;
background-repeat: repeat-x;
color: #E9B71F;
padding: 0px 0px 30px 0px;
text-align: center;
font-size: 28px;
letter-spacing: 1px;
text-shadow: 3px 3px 3px #111;
margin: 0 0 20px 0;
}
H2#logo{
    margin:0px;
    text-align:center;
background-image:none;
padding:0px;
}
H4 {
background-image: url(/cmn/images/footer_menubg.gif);
background-position: left bottom;
background-repeat: repeat;
padding: 5px 0px 5px 10px;
color: #FFF;
text-shadow: 3px 3px 3px #111;
border: 2px #372410 ridge;
border-radius: 2px;
}
H5 {
font-size: 1.1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.menuList{
text-align:center;
}
div.drinkList dl{
display: block;
min-height: 1%;
padding: 5px 0px 5px 0px;
background: none;
border-bottom: 1px dashed #E0CAB8;
overflow: hidden;
margin: 0 0 30px 0;
}
div.menuList dl{
display: block;
min-height: 1%;
padding: 5px 0px 5px 0px;
background: none;
overflow: hidden;
margin: 0 0 30px 0;
}
div.menuList dl dt,
div.drinkList dl dt {
color: #ffffff;
font-size: 15px;
font-weight: bold;
font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
div.menuList dl dd,
div.drinkList dl dd {
margin: 0;
padding: 0;
font-size: 15px;
color: #CB3434;
}

TABLE{
    width:100%;
    border-collapse:collapse;
    margin-bottom:5px;
}
TABLE TH{
    text-align:left;
font-weight: bold;
color: #E9B71F;
}
TABLE TD{
}
TABLE TH,
TABLE TD{
border-bottom: 1px dashed #A59983;
padding: 10px;
}
TABLE.pliceList TH{
    width:25%;
}

/* ==================== 追加 ==================== */
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}
.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px!important;}
.ma10 {margin: 10px!important;}
.ma20 {margin: 20px!important;}
.topBnrArea {
    width: 280px;
    margin: 0 auto;
}
.topBnrArea IMG {
    display: block;
    margin:0 auto;
}
.sp_img_w_m {
    width: 200px;
}
.sp_img_w_half {
    width: 49%;
    display: inline-block !important;
    margin: 0;
}
img.topbnrs {
    width: 280px;
}