@charset "UTF-8";
/* ※「id」で指定されたものは、「#」を付ける。ページ中に1度しか登場しない  */
/* ※「class」は「.」を付けるだけ。ページ中に何度でも登場する */

/* ※「outline」専用のＣＳＳです。*/
/* ---------------------------------------------------- */
/* ＰＣ・スマホ 共通設定
/* ---------------------------------------------------- */
div.OutlineFrame { /* 店舗案内の設定 */
    padding: 8px;
    margin: 0 0 24px 0;
    border-top: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-left: 4px solid #AAAAAA;
}
div.OutlineFrame a:hover {
    background-image: url(../img/menu_2019/img_002.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
div.OutlineFrame p {
    margin: 8px 16px;
}
div.OutlineFrame h2 {
    font-size: 12px;
    padding: 7px 0 4px 0;
    background-color: #006699;
    text-indent: 8px;
    font-weight: bolder;
    color: #FFFFFF;
}
div.OutlineFrame h2 strong {
    font-size: 20px;
    line-height: 20px;
    margin: 0 25px 0 0;
    font-weight: bolder;
}
div.OutlineFrame h3 {
    font-size: 14px;
    padding: 8px 0 2px 0;
    text-indent: 14px;
    font-weight: bolder;
    color: #006699;
}
div.OutlineFrame h3.OutlineFrameSpace {
    margin-top: 16px;
}
div.OutlineFrame ul.OutlineFrameNotice { /* リストの設定 */
    margin: 16px;
    padding: 8px;
    border: 1px solid #CCCCCC;
}
div.OutlineFrame ul.OutlineFrameNotice li {
    font-size: 14px;
    padding: 8px 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
}
div.OutlineFrame ul.OutlineFrameNotice li a {
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
}
div.OutlineFrame dl { /* リストの設定 */
    padding: 0 0 0 8px;
}
div.OutlineFrame dt {
    padding: 16px 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    float: left;
    display: block;
}
div.OutlineFrame dd {
    padding: 16px 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    float: left;
    display: block;
}
div.OutlineFrame table.OutlineFrameTable { /* テーブルの設定 */
}
div.OutlineFrame table.OutlineFrameTable td {
    padding: 8px 0;
}
div.OutlineFrame table.OutlineFrameTable img {
    height: 24px;
}
#OutlineFirst { /* アンカーポイントの補正の設定　（店舗案内で使用 2017/11/27） */
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineReason {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineStaff {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineHotItems {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineSiharai {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineSouryou {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineSyouhizei {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlineHosyou {
    margin-top: -200px;
    padding-top: 200px;
}
#OutlinePrivacy {
    margin-top: -200px;
    padding-top: 200px;
}
/* GalaxyS5 Pixel2 Pixel2XL iPhone5/SE など */
/* ---------------------------------------------------- */
@media screen and (max-width:330px) {
    div.OutlineFrame {}
    div#OutlineFirst img {
        width: 100%;
    }
    div#OutlineMenuWrap {}
    div#OutlineReason img {
        width: 100%;
    }
    div#OutlineReason img {
        width: 100%;
    }
    div#OutlineStaff img {
        width: 100%;
    }
    div#OutlineMenuWrap { /* 追従メニュー設定 */
        width: 100%;
        height: 80px;
        position: fixed;
        bottom: 0px;
        z-index: 9999;
    }
    ul#OutlineMenu {
        list-style-type: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    ul#OutlineMenu li {
        float: left;
        margin: 0;
        padding: 0;
    }
    div#OutlineHotItems {
        display: none;
    }
    div.OutlineFrame dt {
        width: 20%;
    }
    div.OutlineFrame dd {
        width: 80%;
    }
    div.OutlineFrame table.OutlineFrameTable { /* テーブルの設定 */
        width: 100%;
    }
}
/* iPhone6/7/8 iPhone6/7/8 Plus iPhoneX など */
/* ---------------------------------------------------- */
@media screen and (min-width:331px) and (max-width:700px) {
    div.OutlineFrame {}
    div#OutlineFirst img {
        width: 100%;
    }
    div#OutlineMenuWrap {}
    div#OutlineReason img {
        width: 100%;
    }
    div#OutlineReason img {
        width: 100%;
    }
    div#OutlineStaff img {
        width: 100%;
    }
    div#OutlineMenuWrap { /* 追従メニュー設定 */
        width: 100%;
        height: 80px;
        position: fixed;
        bottom: 0px;
        z-index: 9999;
    }
    ul#OutlineMenu {
        list-style-type: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    ul#OutlineMenu li {
        float: left;
        margin: 0;
        padding: 0;
    }
    div#OutlineHotItems {
        display: none;
    }
    div.OutlineFrame dt {
        width: 20%;
    }
    div.OutlineFrame dd {
        width: 80%;
    }
    div.OutlineFrame table.OutlineFrameTable { /* テーブルの設定 */
        width: 100%;
    }
}
/* iPad PC など */
/* ---------------------------------------------------- */
@media screen and (min-width:701px) {
    div#OutlineMenuWrap { /* 追従メニュー設定 */
        width: 816px;
        height: 80px;
        position: fixed;
        bottom: 0px;
        z-index: 9999;
    }
    ul#OutlineMenu {
        list-style-type: none;
        width: 816px;
        margin: 0 auto;
        padding: 0;
    }
    ul#OutlineMenu li {
        float: left;
        margin: 0;
        padding: 0;
    }
    div.OutlineFrame dl { /* リストの設定 */
        font-size: 16px;
        line-height: 16px;
    }
    div.OutlineFrame dt {
        width: 190px;
    }
    div.OutlineFrame dd {
        width: 595px;
    }
    div.OutlineFrame table.OutlineFrameTable { /* テーブルの設定 */
        width: 763px;
        margin: 0 16px;
    }
}