/* Markdown Notices */
.notices.yellow {
    border-left: 10px solid #935b0c;
    background: #31220b;
    color: #eea034;
}

.notices.red {
    border-left: 10px solid #89211e;
    background: #2e0b0b;
    color: #db5a56;
}

.notices.blue {
    border-left: 10px solid #1b6e86;
    background: #13222a;
    color: #4bb9da;
}

.notices.green {
    border-left: 10px solid #347834;
    background: #192c13;
    color: #7ac57a;
}
/* --- */

/* Shortcode UI */

.accordion-wrapper {
    margin: 30px 0;
    text-align: left; }
    .accordion-wrapper label {
      color: #ccc;
      background: #272727;
      border: 1px solid #000; 
      border-bottom: 1px solid transparent; }
      .accordion-wrapper label:hover {
        background: #2d2d2d;
        color: #fff; }
    .accordion-wrapper article {
      background: rgba(39, 39, 39, 0.5);
      border: 1px solid #000; }
  .accordion-wrapper input:checked + label {
    border-bottom: 1px solid #000; }
  .accordion-wrapper > div:last-child label, .accordion-wrapper > div:last-child input:checked ~ article {
    border-bottom: 1px solid #000; }


.tab {
    border-bottom: .05rem solid rgba(39, 39, 39, 0.5); }

.tabs-wrapper {
    display: block; }
    .tabs-wrapper.ui-theme-lite .tabs-nav li.current a {
        border-bottom: 1px solid #3085ee; }
    .tabs-wrapper.ui-theme-lite .tabs-nav li:hover {
        background: rgba(39, 39, 39, 0.5); }
    .tabs-wrapper.ui-theme-lite.bottom-right .tabs-nav li.current a, .tabs-wrapper.ui-theme-lite.bottom-left .tabs-nav li.current a {
        border-top: 1px solid #909090; }
    .tabs-wrapper.ui-theme-lite.bottom-right .tab, .tabs-wrapper.ui-theme-lite.bottom-left .tab {
        border-bottom: 1px solid #e9e9e9; }
    .tabs-wrapper.ui-theme-lite .tab {
        border-top: 1px solid #000;
        background-color: rgba(39, 39, 39, 0.5); 
        padding: 0.4rem; }


.browser-frame {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border: 1px solid #272727; }
  .browser-frame .btoolbar {
    height: 40px;
    background: #272727;
    color: #bbb;
    border-bottom: 1px solid #272727; }
  .browser-frame .btoolbar-button {
    background: #bbb; }
  .browser-frame .btoolbar-address {
    background: rgba(39, 39, 39, 0.5);
    border: 1px solid #bbb; }

.cd-image-container {
    position: relative; }
    .cd-image-label {
    color: #ccc; }
    .cd-handle {
    color: #ccc;
    background: #3085ee; }
    .cd-handle.draggable {
    background-color: #1e6bc9; }

.polaroid-wrapper .polaroid {
  background: #272727;
  border: 1px solid #272727; }

.polaroid-wrapper .polaroid-img {
  background: #272727; }

/* --- */


/*Original CSS 260331*/

/*全体レイアウト*/
.container h1, .glid-lg h1 {
    display:none!important;
}

/*Top SHopMessage*/
#Shop {
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    margin-top:calc(30vw / 8.4);
}
p.MessageImg {
    width:48.5%;
    height:100%;
}
.TxtArea {
    width:48.5%;
}
.TxtArea p.MessageTxt {
    font-size:calc(62.5% * 2.4);
    font-family: serif, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", "Yu Mincho";

}
p.MessageTxt span {
    color:goldenrod;
}
.CommentTxt p {
    font-size:calc(62.5% * 1.8);
}

/*hタグ*/
h2 {
    font-size:calc(62.5% * 2.4);
    font-weight:bold;
    font-family: serif, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", "Yu Mincho";
    text-align:center;
    margin-bottom:15px;
}
h3 {
    font-size:calc(62.5% * 2);
    font-weight:bold;
    font-family: serif, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", "Yu Mincho";
    text-align:center;
    /*margin-bottom:15px;*/
}
/*フォント*/
p.TxtCenter {
    text-align:center;
}
span.FontSizeBig {
    font-weight:bold;
    font-size:calc(62.5% * 2);
    font-family: serif, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", "Yu Mincho";
}

/*新着情報*/
table {
    width:100%;
    border-collapse: collapse;
    border: none;
    font-size:calc(62.5% * 1.8 );
    margin-bottom:30px;
}

table th {
    vertical-align:middle;
}
table td {
    border-bottom:1px solid #fff;
    padding:10px 0;
    vertical-align:top;
    /*font-size:calc(62.5% * 1.8);*/
}
span.Color {
    font-weight:bold;
    color:tomato;
}
span.ColorG {
    color:goldenrod;
}
span.NewsBgColor {
    display:block;
    text-align:center;
    vertical-align:top;
    width:82%;
    margin-right:15px;
    color:darkred;
    background:goldenrod;
}

/*店舗一覧バナー*/
.ShopListBnr {
    width:100%;
    max-width:1260px;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-around;
}
.ShopListBnr a {
    width:calc(300vw / 12.6);
    max-width:300px;
    height:auto;
    display:inline-block;
}
.ShopListBnr a img {
    width:100%;
}

/*求人情報*/
        table.Recuruit {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 10px;
            table-layout: fixed;
        }
        table.Recruit tr, table.Recuruit th, table.Recruit td {
            border: 2px solid #f9f9f9;
            padding: 12px;
            text-align: center;
            vertical-align: middle;
        }
        .bg-light {
            background-color: #f9f9f9;
        }
        table.Recruit td.text-left {
            text-align: left;
        }
        table.Recruit td.text-center {
            text-align:center;
        }
        .note {
            margin-bottom: 20px;
            font-size: 0.95em;
        }
        .tel-link, .tel-link02 {
            color:#659ad2;
            text-decoration: underline;
            font-weight: bold;
        }
        .tel-link02 {
            color:#f9f9f9;
            text-decoration:none;
        }
        /* 1枚目の画像用レイアウト調整 */
        .col-header { width: 20%; }
        .col-sub { width: 20%; }

/*レスポンシブ*/
@media screen and (max-width:840Px) {
    #Shop {
        flex-direction:column-reverse;
    }
    p.MessageImg, .TxtArea {
        width:100%;
        margin:0 auto;
    }
    br.BrNone {
        display:none;
    }
}
/*トップ店舗バナー*/
/*@media screen and (max-width:819px) {
    .ShopListBnr {
        flex-direction:column;
        max-width:819px;
    }
    .ShopListBnr a {
        width:100%;
        max-width:100%;
        margin:0 auto;
    }
    .ShopListBnr a img {
        width:100%;
        max-width:819px;
        height:auto;
    }
}*/

/*お食事*/
ul, dl, ol, li, dt, dd {
    list-style:none;
}
span.ColorGr {
    font-size:(62.5% * 0.9);
    color:gray;
}
span.BgColor {
    text-align:center;
    vertical-align:middle;
    color:darkred;
    background:goldenrod;
    margin-left:10px;
}