@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');

body {
    background-color: #f2f2f2;
    color: #4d4d4d;
    font-size: 16px;
    font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* color */
@import url('file:///D:\OnlyApp\アプリ\ドキュメンツ\デザイン\管理画面_20200217\css\style.css');

.txt_color1 {
    color: #303d49
}

.txt_color2 {
    color: #c9dfe2
}

.txt_white {
    color: #F2F2F2
}

.txt_black {
    color: #4d4d4d
}

.bg_color1 {
    background-color: #303d49
}

.bg_color2 {
    background-color: #c9dfe2
}

.bg_white {
    background-color: #F2F2F2
}

.bg_black {
    background-color: #4d4d4d
}

.br_color1 {
    border-color: #303d49
}

.br_color2 {
    border-color: #c9dfe2
}

.br_white {
    border-color: #F2F2F2
}

.br_black {
    border-color: #4d4d4d
}

/* all */
main {
    height: 100vh;
    box-sizing: border-box;
    opacity: 0;
}

header {
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 9;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

footer {
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 9;
}

header .bt img {
    width: 20px;
    padding-right: 5px;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    font-size: 16px;
    font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

input[type="text"] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

input[type="date"] {
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

textarea {
    width: 100%;
    height: 100px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
}

select {
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 30px 10px 10px !important;
    background-image: url("../img/down2.png");
    background-position: right 7px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

.bt {
    transition: all 0.3s;
    cursor: pointer;
}

    .bt:hover {
        transform: translateY(-3px);
    }

.blur {
    filter: blur(0px);
}

#main_menu {
    max-height: 100%;
    overflow: auto;
}

    #main_menu ul li:last-of-type {
        border-bottom: 3px double;
    }

    #main_menu a {
        display: block;
        padding: 20px 20px;
        transition: all 0.3s;
        font-size: 16px;
    }

        #main_menu a:hover {
            padding-left: 40px;
            background-color: #50687d;
            color: #f2f2f2;
        }

    #main_menu .on_page a {
        background-color: #303d49;
        color: #c9dfe2;
        padding-left: 40px;
    }

    #main_menu span {
        display: inline-block;
        width: 30px;
        padding-right: 10px;
    }

    #main_menu img {
        vertical-align: sub;
    }

        #main_menu img.menu1 {
            display: inline-block;
        }

        #main_menu img.menu2 {
            display: none;
        }

    #main_menu .on_page img.menu1, #main_menu a:hover img.menu1 {
        display: none;
    }

    #main_menu .on_page img.menu2, #main_menu a:hover img.menu2 {
        display: inline-block;
    }

    #main_menu .talk_bt .talk_new {
        top: 10px;
        right: 10px;
        background-color: red;
        padding: 5px;
        border-radius: 50%;
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        text-align: center;
        z-index: 2;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }

        #main_menu .talk_bt .talk_new::after {
            content: "";
            position: absolute;
            transform: rotate(-10deg);
            bottom: 0;
            left: -3px;
            border-top: 7px solid transparent;
            border-left: 7px solid transparent;
            border-right: 7px solid red;
            border-bottom: 7px solid red;
            z-index: -1;
        }

.contents {
    max-height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding-top: 50px;
}

#sp_menu {
    display: none;
}

.cate_list {
}

    .cate_list li {
        border-radius: 6px 6px 0 0;
        overflow: hidden;
        cursor: pointer;
    }

        .cate_list li a {
            padding: 15px 5px 15px;
            text-align: center;
            display: block;
            background-color: #c9dfe2;
            color: #303d49;
            transition: all 0.3s;
        }

        .cate_list li:hover a {
            background-color: #50687d;
            color: #f2f2f2;
        }

        .cate_list li.on a {
            background-color: #303d49;
            color: #c9dfe2;
        }

.pager li {
    width: 40px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 3px;
    transition: 0.3s;
}

    .pager li:hover {
        transform: translateY(-3px);
    }

    .pager li.on_page {
        background-color: #c9dfe2;
        color: #303d49;
    }

        .pager li.on_page:hover {
            transform: translateY(0);
        }
/* login */

/* shop */
#shop {
}

    #shop .form .box .box_item {
        width: 90%;
        margin: 0 auto 10px;
        padding: 10px;
    }

    #shop #cate3 .box_wrap .plus img {
        width: 30px;
    }

    #shop #cate3 .box_wrap.list .box .box_item .box_title2, #shop #cate3 .box_wrap.list .box .box_item .box_title3 {
        display: none;
    }

    #shop #cate3 .box_wrap.list .box .box_item:nth-of-type(2) .box_title2, #shop #cate3 .box_wrap.list .box .box_item:nth-of-type(2) .box_title3 {
        display: block;
    }

    #shop #cate3 .box_wrap.list .box .box_item {
        position: relative;
        width: 90%;
        margin: 0 auto;
        border-top: none;
    }

        #shop #cate3 .box_wrap.list .box .box_item::before {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            background-color: #303d49;
        }

        #shop #cate3 .box_wrap.list .box .box_item::before {
            left: 75%;
        }


    #shop #cate4 .box_wrap.list .box .box_item {
        width: 90%;
        margin: 0 auto;
        padding: 5px;
        border-top: none;
    }

    #shop #cate4 .box_wrap.list .box .box_item {
        position: relative;
    }

        #shop #cate4 .box_wrap.list .box .box_item::before {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            background-color: #303d49;
        }

        #shop #cate4 .box_wrap.list .box .box_item::before {
            left: 75%;
        }

    #shop #cate5 .box_wrap .plus img {
        width: 30px;
    }

    #shop #cate5 .box_wrap.list .box .box_item {
        width: 90%;
        margin: 0 auto;
        border-top: none;
        position: relative;
        text-align: center;
    }

        #shop #cate5 .box_wrap.list .box .box_item::before, #shop #cate5 .box_wrap.list .box .box_item::after {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            background-color: #303d49;
            z-index: -1;
        }

        #shop #cate5 .box_wrap.list .box .box_item::after {
            width: 16.66667%;
            background-color: transparent;
            border-left: 1px solid #303d49;
            border-right: 1px solid #303d49;
        }

        #shop #cate5 .box_wrap.list .box .box_item::before {
            left: 25%;
        }

        #shop #cate5 .box_wrap.list .box .box_item::after {
            left: 58.33333%;
        }

    #shop #cate5 .bt.up, #shop #cate5 .bt.down {
        width: 40px;
        height: 40px;
        position: relative;
        background-color: #303d49;
        margin: 5px auto;
        border-radius: 3px;
    }

    #shop #cate5 .bt img {
        width: 50%;
    }

    #shop #cate5 .bt.down:hover {
        transform: translateY(3px);
    }

    #shop #cate5 .bt.item_plus img {
        width: 20px;
        vertical-align: sub;
    }

    #shop #cate6 .box_wrap .box .box_item {
        position: relative;
    }

        #shop #cate6 .box_wrap .box .box_item.d_flex::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            top: 0;
            left: 83.33333%;
            background-color: #303d49;
        }


/* coupon */
#coupon {
}

    #coupon #cate1 img {
        width: 30px;
    }

    #coupon #cate2 .box_wrap .box {
        width: 42%;
        margin: 40px 4%;
        box-sizing: border-box;
    }

        #coupon #cate2 .box_wrap .box .box_txt2 {
            position: relative;
            z-index: 2;
        }

            #coupon #cate2 .box_wrap .box .box_txt2::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 50%;
                height: 100%;
                background-color: #303d49;
                z-index: -1;
                border-bottom: 1px solid #f2f2f2;
            }

        #coupon #cate2 .box_wrap .box .box_txt3 .bt {
            padding: 10px 20px;
        }

        #coupon #cate2 .box_wrap .box.noview {
            background-color: #cfcfcf;
            opacity: 0.8;
        }

    #coupon #cate3 .box .box_item, #coupon #cate4 .box .box_item {
        width: 90%;
        margin: 0 auto;
        padding: 10px;
    }

/* news */
#news {
}

    #news #cate1 img {
        width: 30px;
    }

    #news #cate2 .box_wrap.list {
        padding-bottom: 0;
    }

        #news #cate2 .box_wrap.list .box {
            position: relative;
            border-top: none;
        }

            #news #cate2 .box_wrap.list .box .box_title1, #news #cate2 .box_wrap.list .box .box_title2, #news #cate2 .box_wrap.list .box .box_title3, #news #cate2 .box_wrap.list .box .box_title4, #news #cate2 .box_wrap.list .box .box_title5 {
                display: none;
            }

            #news #cate2 .box_wrap.list .box:first-child .box_title1, #news #cate2 .box_wrap.list .box:first-child .box_title2, #news #cate2 .box_wrap.list .box:first-child .box_title3, #news #cate2 .box_wrap.list .box:first-child .box_title4, #news #cate2 .box_wrap.list .box:first-child .box_title5 {
                display: block;
            }

            #news #cate2 .box_wrap.list .box::before, #news #cate2 .box_wrap.list .box::after {
                content: "";
                display: block;
                position: absolute;
                border-left: 1px solid #303d49;
                border-right: 1px solid #303d49;
                top: 0;
                height: 100%;
                z-index: -1;
            }

            #news #cate2 .box_wrap.list .box::before {
                width: 25%;
                left: 25%;
            }

            #news #cate2 .box_wrap.list .box::after {
                width: 16.66667%;
                left: 66.66667%;
            }

    #news #cate3 .box .box_item, #news #cate4 .box .box_item {
        width: 90%;
        margin: 0 auto;
        padding: 10px;
    }

    #news #cate2 .box #news_check .box:last-of-type, #news #cate3 .box #news_check .box:last-of-type {
        border-bottom: none;
    }
/* stamp */
#stamp {
}

    #stamp .form .box .box_item {
        width: 90%;
        margin: 0 auto 10px;
        padding: 10px;
    }

    #stamp #cate1 img {
        width: 30px;
    }

    #stamp #cate1 .box_wrap.list .box {
        position: relative;
        border-top: none;
    }

        #stamp #cate1 .box_wrap.list .box .box_title1, #stamp #cate1 .box_wrap.list .box .box_title2, #stamp #cate1 .box_wrap.list .box .box_title3, #stamp #cate1 .box_wrap.list .box .box_title4, #stamp #cate1 .box_wrap.list .box .box_title5 {
            display: none;
        }

        #stamp #cate1 .box_wrap.list .box:first-child .box_title1, #stamp #cate1 .box_wrap.list .box:first-child .box_title2, #stamp #cate1 .box_wrap.list .box:first-child .box_title3, #stamp #cate1 .box_wrap.list .box:first-child .box_title4, #stamp #cate1 .box_wrap.list .box:first-child .box_title5 {
            display: block;
        }

        #stamp #cate1 .box_wrap.list .box::before, #stamp #cate1 .box_wrap.list .box::after {
            content: "";
            display: block;
            position: absolute;
            border-left: 1px solid #303d49;
            border-right: 1px solid #303d49;
            top: 0;
            height: 100%;
            z-index: -1;
        }

        #stamp #cate1 .box_wrap.list .box::before {
            width: 25%;
            left: 25%;
        }

        #stamp #cate1 .box_wrap.list .box::after {
            width: 16.66667%;
            left: 66.66667%;
        }

    #stamp #cate2 .select_switch {
        max-width: 400px;
        position: relative;
        color: #4d4d4d;
        border-radius: 50px;
        overflow: hidden;
        border: 1px solid #303d49;
        text-align: center;
    }

        #stamp #cate2 .select_switch::after {
            position: absolute;
            content: "";
            display: block;
            width: 50%;
            height: 100%;
            z-index: -1;
            left: 0;
            top: 0;
            background-color: #303d49;
            transition: all 0.3s;
            border-radius: 50px;
            overflow: hidden;
        }

        #stamp #cate2 .select_switch div {
            padding: 20px;
            width: 50%;
            box-sizing: border-box;
            cursor: pointer;
            border-radius: 50px;
            overflow: hidden;
            transition: all 0.3s;
        }

            #stamp #cate2 .select_switch div:hover {
                background-color: #ddd;
            }

        #stamp #cate2 .select_switch.right::after {
            left: 50%;
        }

        #stamp #cate2 .select_switch.left #qr {
            color: #f2f2f2;
        }

            #stamp #cate2 .select_switch.left #qr:hover {
                background-color: transparent;
            }

        #stamp #cate2 .select_switch.right #qr {
            color: #4d4d4d;
        }

        #stamp #cate2 .select_switch.left #time {
            color: #4d4d4d;
        }

        #stamp #cate2 .select_switch.right #time {
            color: #f2f2f2;
        }

            #stamp #cate2 .select_switch.right #time:hover {
                background-color: transparent;
            }

    #stamp #cate2 #qr_list {
        max-width: 900px;
        margin: 0 auto;
    }

        #stamp #cate2 #qr_list .box_item {
            width: 20%;
            box-sizing: border-box;
            text-align: center;
        }

        #stamp #cate2 #qr_list .box_txt {
            display: inline-block;
            text-align: left;
        }

            #stamp #cate2 #qr_list .box_txt span {
                font-size: 18px;
                font-weight: bold;
                padding: 10px;
                color: #303d49;
            }

    #stamp #cate2 #time_list {
        max-width: 900px;
        margin: 0 auto;
    }

        #stamp #cate2 #time_list .box_item {
            width: 20%;
            box-sizing: border-box;
            text-align: center;
        }

        #stamp #cate2 #time_list .box_txt {
            display: inline-block;
            text-align: left;
        }

            #stamp #cate2 #time_list .box_txt span {
                font-size: 18px;
                font-weight: bold;
                padding: 10px;
                color: #303d49;
            }

        #stamp #cate2 #time_list .no {
            background-color: #303d49;
            color: #f2f2f2;
            padding: 5px;
            margin-bottom: 5px;
            border-radius: 2px;
            font-size: 16px;
            letter-spacing: 2px;
        }

    #stamp #cate3 .box_wrap.list .box {
        position: relative;
        margin-bottom: 30px;
    }

        #stamp #cate3 .box_wrap.list .box::before, #stamp #cate3 .box_wrap.list .box::after {
            content: "";
            display: block;
            position: absolute;
            border-left: 1px solid #303d49;
            border-right: 1px solid #303d49;
            top: 0;
            height: 100%;
            z-index: -1;
        }

        #stamp #cate3 .box_wrap.list .box::before {
            width: 33.33333%;
            left: 16.8%;
        }

        #stamp #cate3 .box_wrap.list .box::after {
            width: 25%;
            left: 75%;
            border-right: none;
        }

        #stamp #cate3 .box_wrap.list .box .box_item {
            box-sizing: border-box;
        }

            #stamp #cate3 .box_wrap.list .box .box_item.item1 {
                order: 1;
            }

            #stamp #cate3 .box_wrap.list .box .box_item.item2 {
                order: 2;
            }

            #stamp #cate3 .box_wrap.list .box .box_item.item3 {
                order: 5;
                margin-left: 16.8%;
            }

            #stamp #cate3 .box_wrap.list .box .box_item.item4 {
                order: 3;
            }

            #stamp #cate3 .box_wrap.list .box .box_item.item5 {
                order: 6;
            }

            #stamp #cate3 .box_wrap.list .box .box_item.item6 {
                order: 4;
            }

            #stamp #cate3 .box_wrap.list .box .box_item.item1 .box_txt1 {
                position: absolute;
                height: 100%;
                top: 0;
                left: 0;
                width: 16.8%;
                box-sizing: border-box;
                background-color: #c9dfe2;
                z-index: -1;
            }

                #stamp #cate3 .box_wrap.list .box .box_item.item1 .box_txt1 span {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,0);
                    font-weight: bold;
                    font-size: 20px;
                }

            #stamp #cate3 .box_wrap.list .box .box_item.item6 .box_txt6 {
                position: absolute;
                height: 100%;
                top: 0;
                right: 0;
                width: 25%;
                padding-top: 31px;
                box-sizing: border-box;
            }

    #stamp #cate4 .box_wrap.list .box .box_item.used {
        background-color: #cfcfcf;
    }

    #stamp #cate4 .box_wrap.list .box.stamp_list {
        padding-right: 10px;
    }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item {
            border: 1px solid #303d49;
            border-top: none;
            position: relative;
        }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item > div {
                width: 33.3334%;
                box-sizing: border-box;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title1, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title2, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title3, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title4 {
                display: none;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item:first-of-type .box_title1, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item:first-of-type .box_title2, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item:first-of-type .box_title3, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item:first-of-type .box_title4 {
                display: block;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title1 {
                order: 1;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title2 {
                order: 2;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title3 {
                order: 3;
            }

            /*#stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title4 {
                order: 4;
            }*/

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt1 {
                order: 4;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt2 {
                order: 5;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt3 {
                order: 6;
            }

            /*#stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt4 {
                order: 8;
            }*/

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item::before, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item::after {
                content: "";
                display: block;
                position: absolute;
                border-left: 1px solid #303d49;
                border-right: 1px solid #303d49;
                top: 0;
                height: 100%;
                z-index: 2;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item::before {
                width: 66.6666%;
                left: 33.3333%;
                border-right: none;
            }

            #stamp #cate4 .box_wrap.list .box.stamp_list .box_item::after {
                /*width: 25%;*/
                left: 66.6666%;
                border-right: none;
            }

    #stamp #cate4 .box_wrap.list .box.card_list {
        padding-left: 10px;
    }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item {
            border: 1px solid #303d49;
            border-top: none;
            position: relative;
        }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item > div {
                width: 22%;
                box-sizing: border-box;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title1, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title2, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title3, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title4, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title5 {
                display: none;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item:first-of-type .box_title1, #stamp #cate4 .box_wrap.list .box.card_list .box_item:first-of-type .box_title2, #stamp #cate4 .box_wrap.list .box.card_list .box_item:first-of-type .box_title3, #stamp #cate4 .box_wrap.list .box.card_list .box_item:first-of-type .box_title4, #stamp #cate4 .box_wrap.list .box.card_list .box_item:first-of-type .box_title5 {
                display: block;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title1 {
                order: 1;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title2 {
                order: 2;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title3 {
                order: 3;
                width: 12%;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title4 {
                order: 4;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title5 {
                order: 5;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt1 {
                order: 6;
            }

                #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt1 span {
                    text-align: center;
                }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt2 {
                order: 7;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt3 {
                order: 8;
                width: 12%;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt4 {
                order: 9;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt5 {
                order: 10;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item::before, #stamp #cate4 .box_wrap.list .box.card_list .box_item::after {
                content: "";
                display: block;
                position: absolute;
                border-left: 1px solid #303d49;
                border-right: 1px solid #303d49;
                top: 0;
                height: 100%;
                z-index: 2;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item::before {
                width: 22%;
                left: 22%;
            }

            #stamp #cate4 .box_wrap.list .box.card_list .box_item::after {
                width: 22%;
                right: 22%;
            }

/* user */
#user .toggle_bt {
    cursor: pointer;
    padding: 10px 10px 10px 20px;
    background-color: #303d49;
    color: #F2F2F2;
    display: inline-block;
    border-radius: 5px;
    min-width: 200px;
    text-align: center;
}

    #user .toggle_bt span {
        position: relative;
        display: inline-block;
        font-size: 14px;
    }

        #user .toggle_bt span::before {
            content: "";
            width: 16px;
            height: 2px;
            top: 50%;
            left: -20px;
            transform: translate(-50%,-50%);
            position: absolute;
            background-color: #F2F2F2;
            opacity: 1;
            transition: all 0.3s;
        }

        #user .toggle_bt span::after {
            content: "";
            width: 2px;
            height: 16px;
            top: 50%;
            left: -20px;
            transform: translate(-50%,-50%);
            position: absolute;
            background-color: #F2F2F2;
            transition: all 0.3s;
        }

    #user .toggle_bt.on span::after {
        opacity: 0;
    }

#user #cate1 .box_wrap.list .box {
    position: relative;
    margin-bottom: 30px;
}

    #user #cate1 .box_wrap.list .box::before, #user #cate1 .box_wrap.list .box::after {
        content: "";
        display: block;
        position: absolute;
        border-left: 1px solid #303d49;
        border-right: 1px solid #303d49;
        top: 0;
        height: 100%;
        z-index: -1;
    }

    #user #cate1 .box_wrap.list .box::before {
        width: 25%;
        left: 25%;
    }

    #user #cate1 .box_wrap.list .box::after {
        width: 25%;
        left: 75%;
        border-right: none;
    }

    #user #cate1 .box_wrap.list .box .box_item {
        box-sizing: border-box;
    }

        #user #cate1 .box_wrap.list .box .box_item.item1 {
            order: 1;
        }

        #user #cate1 .box_wrap.list .box .box_item.item2 {
            order: 5;
        }

        #user #cate1 .box_wrap.list .box .box_item.item3 {
            order: 2;
        }

        #user #cate1 .box_wrap.list .box .box_item.item4 {
            order: 6;
        }

        #user #cate1 .box_wrap.list .box .box_item.item5 {
            order: 3;
        }

        #user #cate1 .box_wrap.list .box .box_item.item6 {
            order: 7;
        }

        #user #cate1 .box_wrap.list .box .box_item.item7 {
            order: 4;
        }

            #user #cate1 .box_wrap.list .box .box_item.item7 .box_txt7 {
                position: absolute;
                height: 100%;
                top: 0;
                right: 0;
                width: 25%;
                padding-top: 31px;
                box-sizing: border-box;
            }


/* links */
#links #cate1 img {
    width: 30px;
}

#links #cate2 .box_wrap.list {
    padding-bottom: 0;
}

    #links #cate2 .box_wrap.list .box {
        position: relative;
        border-top: none;
    }

        #links #cate2 .box_wrap.list .box .box_title1, #links #cate2 .box_wrap.list .box .box_title2, #links #cate2 .box_wrap.list .box .box_title3, #links #cate2 .box_wrap.list .box .box_title4, #links #cate2 .box_wrap.list .box .box_title5 {
            display: none;
        }

        #links #cate2 .box_wrap.list .box:first-child .box_title1, #links #cate2 .box_wrap.list .box:first-child .box_title2, #links #cate2 .box_wrap.list .box:first-child .box_title3, #links #cate2 .box_wrap.list .box:first-child .box_title4, #links #cate2 .box_wrap.list .box:first-child .box_title5 {
            display: block;
        }

        #links #cate2 .box_wrap.list .box::before, #links #cate2 .box_wrap.list .box::after {
            content: "";
            display: block;
            position: absolute;
            border-left: 1px solid #303d49;
            border-right: 1px solid #303d49;
            top: 0;
            height: 100%;
            z-index: -1;
        }

        #links #cate2 .box_wrap.list .box::before {
            width: 25%;
            left: 16.66667%;
        }

        #links #cate2 .box_wrap.list .box::after {
            width: 16.66667%;
            left: 66.66667%;
        }

#links #cate3 .box .box_item, #links #cate4 .box .box_item {
    width: 90%;
    margin: 0 auto;
    padding: 10px;
}

/* garally */
#garally {
}

    #garally .form .box .box_item {
        width: 90%;
        margin: 0 auto 10px;
        padding: 10px;
    }

    #garally #cate1 img, #garally #cate4 img {
        width: 30px;
    }

    #garally #cate1 .box_wrap.list .box {
        position: relative;
        border-top: none;
        width: 28.33333%;
        margin: 2%;
    }

    #garally #cate4 .box {
        width: 100%;
    }

        #garally #cate4 .box iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

/* error */
#error {
    text-align: center;
}

    #error .error_icon img {
        width: 64px;
    }

/* talk */
#talk.toggle_bt {
    cursor: pointer;
    padding: 10px 10px 10px 20px;
    background-color: #303d49;
    color: #F2F2F2;
    display: inline-block;
    border-radius: 5px;
    min-width: 200px;
    text-align: center;
}

    #talk.toggle_bt span {
        position: relative;
        display: inline-block;
        font-size: 14px;
    }

        #talk.toggle_bt span::before {
            content: "";
            width: 16px;
            height: 2px;
            top: 50%;
            left: -20px;
            transform: translate(-50%,-50%);
            position: absolute;
            background-color: #F2F2F2;
            opacity: 1;
            transition: all 0.3s;
        }

        #talk.toggle_bt span::after {
            content: "";
            width: 2px;
            height: 16px;
            top: 50%;
            left: -20px;
            transform: translate(-50%,-50%);
            position: absolute;
            background-color: #F2F2F2;
            transition: all 0.3s;
        }

    #talk.toggle_bt.on span::after {
        opacity: 0;
    }

#talk #cate1 .box_wrap.list .box {
    position: relative;
    margin-bottom: 30px;
}

    #talk #cate1 .box_wrap.list .box::before, #talk #cate1 .box_wrap.list .box::after {
        content: "";
        display: block;
        position: absolute;
        border-left: 1px solid #303d49;
        border-right: 1px solid #303d49;
        top: 0;
        height: 100%;
        z-index: -1;
    }

    #talk #cate1 .box_wrap.list .box.read {
        opacity: 0.6;
    }

    #talk #cate1 .box_wrap.list .box::before {
        width: 16.333%;
        left: 16.333%;
    }

    #talk #cate1 .box_wrap.list .box::after {
        width: 25%;
        left: 50%;
        box-sizing: border-box;
    }

    #talk #cate1 .box_wrap.list .box .box_item {
        box-sizing: border-box;
    }

        #talk #cate1 .box_wrap.list .box .box_item.item1 {
            order: 1;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item2 {
            order: 2;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item3 {
            order: 3;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item4 {
            order: 4;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item5 {
            order: 6;
            border-right: 1px solid;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item6 {
            order: 5;
        }

            #talk #cate1 .box_wrap.list .box .box_item.item6 .box_txt7 {
                position: absolute;
                height: 100%;
                top: 0;
                right: 0;
                width: 25%;
                padding-top: 31px;
                box-sizing: border-box;
            }

#talk2 #talk_box_wrap {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    max-height: 600px;
    overflow-y: auto;
    border: 10px solid #303d49
}

#talk2 .talk_box {
    align-items: flex-end;
}

    #talk2 .talk_box.owner {
        justify-content: flex-end;
    }

    #talk2 .talk_box.guest {
        justify-content: flex-start;
    }

    #talk2 .talk_box .box_date {
        font-size: 12px;
        padding: 20px 10px
    }

    #talk2 .talk_box .box_txt {
        margin-bottom: 20px;
        max-width: 50%;
        padding: 20px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        position: relative;
        display: inline-block;
    }

    #talk2 .talk_box .box_img {
        margin-bottom: 20px;
        width: 50%;
        padding: 20px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        position: relative;
        text-align: center;
    }

        #talk2 .talk_box .box_txt::after, #talk2 .talk_box .box_img::after {
            content: "";
            position: absolute;
            border-radius: 6px;
        }

    #talk2 .talk_box.owner .box_txt, #talk2 .talk_box.owner .box_img {
        background-color: #c9dfe2;
        border-radius: 10px;
        min-width: 30px;
        min-height: 10px;
    }

        #talk2 .talk_box.owner .box_txt::after, #talk2 .talk_box.owner .box_img::after {
            transform: rotate(10deg);
            bottom: 0;
            right: -12px;
            border-top: 10px solid transparent;
            border-right: 10px solid transparent;
            border-left: 10px solid #c9dfe2;
            border-bottom: 10px solid #c9dfe2;
        }

    #talk2 .talk_box.guest .box_txt, #talk2 .talk_box.guest .box_img {
        background-color: #eee;
        border-radius: 10px;
        order: 1;
    }

        #talk2 .talk_box.guest .box_txt::after, #talk2 .talk_box.guest .box_img::after {
            transform: rotate(-10deg);
            bottom: 0;
            left: -12px;
            border-top: 10px solid transparent;
            border-left: 10px solid transparent;
            border-right: 10px solid #eee;
            border-bottom: 10px solid #eee;
        }

    #talk2 .talk_box.guest .box_date {
        order: 2;
    }

#talk2 #talk_send {
    padding: 20px;
}

    #talk2 #talk_send .grid_9 {
        border-color: #8A8A8A;
    }

    #talk2 #talk_send .grid_3 {
        position: relative;
    }

        #talk2 #talk_send .grid_3 > div {
            width: 100%;
        }

            #talk2 #talk_send .grid_3 > div button {
                letter-spacing: 6px;
                padding: 10px 20px;
                padding-right: 16px;
                border-radius: 50px;
                width: 60%;
            }

    #talk2 #talk_send textarea, #talk2 #talk_send input {
        padding: 5px;
        font-size: 16px;
        font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    #talk2 #talk_send textarea {
        border-radius: 10px;
    }

    #talk2 #talk_send input {
        font-size: 14px;
        letter-spacing: 2px;
        color: #fff;
    }


/* ---------- ie ---------- */
@media all and (-ms-high-contrast: none) {
    body {
        font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace",sans-serif;
    }
}
/* ---------- PC 1280px ~ ---------- */
@media screen and (max-width: 1280px) {
    /* all */
    #main_menu {
        max-height: 100%;
        overflow: auto;
    }

        #main_menu a {
            display: block;
            padding: 15px 10px;
            transition: all 0.3s;
            font-size: 16px;
        }

            #main_menu a:hover {
                padding-left: 20px;
            }

        #main_menu .on_page a {
            background-color: #303d49;
            color: #c9dfe2;
            padding-left: 20px;
        }

        #main_menu span {
            display: inline-block;
            width: 20px;
            padding-right: 10px;
        }

        #main_menu img.menu1 {
            display: inline-block;
        }

        #main_menu img.menu2 {
            display: none;
        }

        #main_menu .on_page img.menu1 {
            display: none;
        }

        #main_menu .on_page img.menu2 {
            display: inline-block;
        }

    /* coupon */
    #coupon #cate2 .box_wrap .box {
        width: 80%;
        margin: 40px 10%;
        box-sizing: border-box;
    }

    /* stamp */
    #user #cate1 .box_wrap.list .box .box_item {
        width: 50% !important;
    }

        #user #cate1 .box_wrap.list .box .box_item.item1 {
            order: 1;
            border-right: 1px solid #303d49;
        }

        #user #cate1 .box_wrap.list .box .box_item.item2 {
            order: 2;
        }

        #user #cate1 .box_wrap.list .box .box_item.item3 {
            order: 3;
            border-right: 1px solid #303d49;
        }

        #user #cate1 .box_wrap.list .box .box_item.item4 {
            order: 4;
        }

        #user #cate1 .box_wrap.list .box .box_item.item5 {
            order: 5;
            border-right: 1px solid #303d49;
        }

        #user #cate1 .box_wrap.list .box .box_item.item6 {
            order: 6;
        }

        #user #cate1 .box_wrap.list .box .box_item.item7 {
            order: 7;
            width: 100% !important;
        }

            #user #cate1 .box_wrap.list .box .box_item.item7 .box_txt7 {
                position: static;
                width: 100%;
                padding-top: 5px;
            }

    #user #cate1 .box_wrap.list .box::before, #user #cate1 .box_wrap.list .box::after {
        display: none;
    }

    /* talk */
    #talk #cate1 .box_wrap.list .box .box_item {
        width: 50% !important;
    }

        #talk #cate1 .box_wrap.list .box .box_item.item1 {
            order: 1;
            border-right: 1px solid #303d49;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item2 {
            order: 2;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item3 {
            order: 3;
            border-right: 1px solid #303d49;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item4 {
            order: 4;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item5 {
            order: 5;
            width: 100% !important;
        }

        #talk #cate1 .box_wrap.list .box .box_item.item6 {
            order: 6;
            width: 100% !important;
        }

            #talk #cate1 .box_wrap.list .box .box_item.item6 .box_txt7 {
                position: static;
                width: 100%;
                padding-top: 5px;
            }

    #talk #cate1 .box_wrap.list .box::before, #talk #cate1 .box_wrap.list .box::after {
        display: none;
    }

    #talk2 #talk_send .grid_3, #talk2 #talk_send .grid_9 {
        width: 100% !important;
    }

    #talk2 #talk_send .grid_9 {
        padding-right: 0;
        border-right: none !important;
        margin-bottom: 20px;
    }

    #talk2 #talk_send .grid_3 > div {
        position: static;
        transform: translate(0);
    }

        #talk2 #talk_send .grid_3 > div button {
            width: 40%;
        }

    /* garally */
    #garally #cate4 .box {
        margin-bottom: 40px;
    }

        #garally #cate4 .box > div {
            width: 100% !important;
            border: none;
        }

        #garally #cate4 .box .box_txt2 {
            border-top: 1px solid #303d49;
        }

    /* garally */
    #stamp #cate3 .box_wrap.list .box .box_item {
        width: 100% !important;
    }

        #stamp #cate3 .box_wrap.list .box .box_item.item1 {
            order: 1;
        }

        #stamp #cate3 .box_wrap.list .box .box_item.item2 {
            order: 2;
            width: 50% !important;
            border-right: 1px solid #303d49;
        }

        #stamp #cate3 .box_wrap.list .box .box_item.item3 {
            order: 3;
            margin-left: 0;
            width: 50% !important;
        }

        #stamp #cate3 .box_wrap.list .box .box_item.item4 {
            order: 4;
            width: 50% !important;
            border-right: 1px solid #303d49;
        }

        #stamp #cate3 .box_wrap.list .box .box_item.item5 {
            order: 5;
            width: 50% !important;
        }

        #stamp #cate3 .box_wrap.list .box .box_item.item6 {
            order: 6;
        }

        #stamp #cate3 .box_wrap.list .box .box_item.item1 .box_txt1 {
            position: static;
            width: 100%;
            z-index: 1;
        }

            #stamp #cate3 .box_wrap.list .box .box_item.item1 .box_txt1 span {
                position: static;
                transform: translate(0);
                font-size: 18px;
            }

        #stamp #cate3 .box_wrap.list .box .box_item.item6 .box_txt6 {
            position: static;
            width: 100%;
            padding-top: 5px;
        }

    #stamp #cate3 .box_wrap.list .box::before, #stamp #cate3 .box_wrap.list .box::after {
        display: none;
    }
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px) {
    /* all */
    main {
        height: 100%;
    }

    header #title {
        text-align: center;
    }

    footer {
        position: static;
    }

    .contents {
        padding-bottom: 90px;
    }

    #sp_menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        z-index: 97;
        overflow: auto;
        display: block;
        background-color: rgba(242,242,242,0.90);
        opacity: 0;
        transition: ease-in 0.3s;
    }

        #sp_menu.on {
            left: 0;
            opacity: 1;
        }

        #sp_menu ul {
            padding: 20px;
        }

            #sp_menu ul li {
                border: none;
                margin-bottom: 12px;
                border-radius: 3px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.15);
            }

        #sp_menu li.on_page {
            background-color: #303d49
        }

        #sp_menu li a {
            display: block;
            padding: 20px;
        }

        #sp_menu li.on_page a {
            color: #c9dfe2;
        }

        #sp_menu li span {
            display: inline-block;
            width: 20px;
            padding-right: 10px;
        }

        #sp_menu img.menu1 {
            display: inline-block;
        }

        #sp_menu img.menu2 {
            display: none;
        }

        #sp_menu .on_page img.menu1 {
            display: none;
        }

        #sp_menu .on_page img.menu2 {
            display: inline-block;
        }

        #sp_menu li span img {
            width: 20px;
        }

        #sp_menu > div img {
            width: 20px;
        }

        #sp_menu > div span {
            display: block;
        }

        #sp_menu .talk_bt .talk_new {
            top: -2px;
            right: -5px;
            background-color: red;
            padding: 5px;
            border-radius: 50%;
            color: #fff;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
            text-align: center;
            z-index: 2;
            box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

            #sp_menu .talk_bt .talk_new::after {
                content: "";
                position: absolute;
                transform: rotate(-10deg);
                bottom: 0;
                left: -3px;
                border-top: 7px solid transparent;
                border-left: 7px solid transparent;
                border-right: 7px solid red;
                border-bottom: 7px solid red;
                z-index: -1;
            }

    #sp_menu_bt {
        position: fixed;
        bottom: 32px;
        right: 8px;
        width: 80px;
        height: 80px;
        transition: all 0.3s;
        background-color: #303d49;
        border-radius: 50%;
        z-index: 98;
    }

        #sp_menu_bt.close {
            background-color: #c9dfe2;
        }

        #sp_menu_bt span {
            position: absolute;
            width: 50%;
            height: 1px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #f2f2f2;
            transition: all 0.3s;
        }

            #sp_menu_bt span::before, #sp_menu_bt span::after {
                content: "";
                display: block;
                position: absolute;
                width: 100%;
                height: 1px;
                top: 0;
                left: 0;
                background-color: #f2f2f2;
                transition: all 0.3s;
            }

            #sp_menu_bt span::before {
                top: -5px;
            }

            #sp_menu_bt span::after {
                top: 5px;
            }

        #sp_menu_bt.close span {
            background-color: #c9dfe2
        }

            #sp_menu_bt.close span::before, #sp_menu_bt.close span::after {
                background-color: #303d49;
                top: 0;
            }

            #sp_menu_bt.close span::before {
                transform: rotate(45deg);
            }

            #sp_menu_bt.close span::after {
                transform: rotate(-45deg);
            }

    /* shop */
    #shop #cate4 .box_wrap.list .box .box_item {
        width: 100%;
        box-sizing: border-box;
    }

    #shop #cate5 .bt.up, #shop #cate5 .bt.down {
        width: 30px;
        height: 30px;
    }

    #shop #cate5 .bt img {
        width: 50%;
    }

    /* news */
    #news #cate2 .box_wrap.list {
        padding-bottom: 0;
    }

        #news #cate2 .box_wrap.list .box {
            margin-bottom: 40px;
        }

            #news #cate2 .box_wrap.list .box > div {
                width: 100% !important;
            }

            #news #cate2 .box_wrap.list .box .box_title1, #news #cate2 .box_wrap.list .box .box_title2, #news #cate2 .box_wrap.list .box .box_title3, #news #cate2 .box_wrap.list .box .box_title4, #news #cate2 .box_wrap.list .box .box_title5 {
                display: block;
                padding: 5px 10px;
            }

            #news #cate2 .box_wrap.list .box::before, #news #cate2 .box_wrap.list .box::after {
                display: none;
            }

            #news #cate2 .box_wrap.list .box .box_title1 {
                order: 1;
            }

            #news #cate2 .box_wrap.list .box .box_title2 {
                order: 3;
            }

            #news #cate2 .box_wrap.list .box .box_title3 {
                order: 5;
            }

            #news #cate2 .box_wrap.list .box .box_title4 {
                order: 7;
            }

            #news #cate2 .box_wrap.list .box .box_title5 {
                order: 9;
            }

            #news #cate2 .box_wrap.list .box .box_txt1 {
                order: 2;
            }

            #news #cate2 .box_wrap.list .box .box_txt2 {
                order: 4;
            }

            #news #cate2 .box_wrap.list .box .box_txt3 {
                order: 6;
            }

            #news #cate2 .box_wrap.list .box .box_txt4 {
                order: 8;
            }

            #news #cate2 .box_wrap.list .box .box_txt5 {
                order: 10;
            }

    /* stamp */
    #stamp #cate1 .box_wrap.list {
        padding-bottom: 0;
    }

        #stamp #cate1 .box_wrap.list .box {
            margin-bottom: 40px;
        }

            #stamp #cate1 .box_wrap.list .box > div {
                width: 100% !important;
            }

            #stamp #cate1 .box_wrap.list .box .box_title1, #stamp #cate1 .box_wrap.list .box .box_title2, #stamp #cate1 .box_wrap.list .box .box_title3, #stamp #cate1 .box_wrap.list .box .box_title4, #stamp #cate1 .box_wrap.list .box .box_title5 {
                display: block;
                padding: 5px 10px;
            }

            #stamp #cate1 .box_wrap.list .box::before, #stamp #cate1 .box_wrap.list .box::after {
                display: none;
            }

            #stamp #cate1 .box_wrap.list .box .box_title1 {
                order: 1;
            }

            #stamp #cate1 .box_wrap.list .box .box_title2 {
                order: 3;
            }

            #stamp #cate1 .box_wrap.list .box .box_title3 {
                order: 5;
            }

            #stamp #cate1 .box_wrap.list .box .box_title4 {
                order: 7;
            }

            #stamp #cate1 .box_wrap.list .box .box_title5 {
                order: 9;
            }

            #stamp #cate1 .box_wrap.list .box .box_txt1 {
                order: 2;
            }

            #stamp #cate1 .box_wrap.list .box .box_txt2 {
                order: 4;
            }

            #stamp #cate1 .box_wrap.list .box .box_txt3 {
                order: 6;
            }

            #stamp #cate1 .box_wrap.list .box .box_txt4 {
                order: 8;
            }

            #stamp #cate1 .box_wrap.list .box .box_txt5 {
                order: 10;
            }

            #stamp #cate1 .box_wrap.list .box .box_txt3 br {
                display: none;
            }

    #stamp #cate2 #qr_list .box_txt, #stamp #cate2 #time_list .box_txt {
        font-size: 14px;
    }
    /* garally */
    #garally #cate1 .box_wrap.list .box {
        position: relative;
        border-top: none;
        width: 45%;
        margin: 2%;
    }
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px) {
    /* all */
    .contents {
        padding-bottom: 60px;
        padding-top: 30px;
    }

    #sp_menu_bt {
        width: 50px;
        height: 50px;
    }

    #sp_menu li a {
        padding: 10px;
    }

    /* shop */
    #shop .cate_wrap {
        box-shadow: none;
    }

    #shop .cate_select {
        width: 100%;
        background-image: url("../img/down3.png");
        padding-bottom: 6px;
    }

    #shop #cate3 .box_wrap.list .box .box_item .box_title2, #shop #cate3 .box_wrap.list .box .box_item .box_title3 {
        display: block;
    }

    #shop #cate3 .box_wrap.list .box .box_item {
        width: 100%;
        margin: 0 auto 40px;
    }

        #shop #cate3 .box_wrap.list .box .box_item::before {
            width: 100%;
            height: 1px;
            top: 100%;
            left: 0;
            transform: translateY(20px);
            border-bottom: 1px dashed #303d49;
            background-color: transparent;
        }

        #shop #cate3 .box_wrap.list .box .box_item:last-of-type::before {
            display: none;
        }

        #shop #cate3 .box_wrap.list .box .box_item .box_title3 {
            order: 3;
        }

        #shop #cate3 .box_wrap.list .box .box_item .box_txt2 {
            order: 4;
        }

    #shop #cate5 .box_wrap.list .box .box_item {
        width: 100%;
        margin: 0 auto 40px;
    }

        #shop #cate5 .box_wrap.list .box .box_item::before, #shop #cate5 .box_wrap.list .box .box_item::after {
            display: none;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_title2 {
            order: 1;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_title3 {
            order: 3;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_title4 {
            order: 5;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_title5 {
            order: 7;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_txt1 {
            order: 2;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_txt2 {
            order: 4;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_txt3 {
            order: 6;
        }

        #shop #cate5 .box_wrap.list .box .box_item .box_txt4 {
            order: 8;
        }

    #shop #cate6 .box_wrap .box .box_item.d_flex::after {
        display: none;
    }


    /* coupon */
    #coupon #cate2 .box_wrap .box {
        width: 100%;
        margin: 30px auto;
        box-sizing: border-box;
    }

    /* stamp */
    #stamp .cate_wrap {
        box-shadow: none;
    }

    #stamp .cate_select {
        width: 100%;
        background-image: url("../img/down3.png");
        padding-bottom: 6px;
    }

    #stamp #cate2 .select_switch div {
        padding: 15px 5px;
        width: 50%;
        border-radius: 40px;
    }

    #stamp #cate2 #qr_list .box_item, #stamp #cate2 #time_list .box_item {
        padding: 10px;
        margin-bottom: 20px;
    }

    #stamp #cate2 #qr_list .box_txt {
        font-size: 14px;
    }

        #stamp #cate2 #qr_list .box_txt span {
            font-size: 18px;
            padding: 5px;
        }

    #stamp #cate2 #time_list .box_txt {
        font-size: 14px;
    }

        #stamp #cate2 #time_list .box_txt span {
            font-size: 18px;
            padding: 5px;
        }

    #stamp #cate3 .box_wrap.list .font_14 {
        font-size: 12px;
        padding: 3px;
    }

    #stamp #cate4 .box_wrap.list .box.stamp_list .box_item {
        margin-bottom: 20px;
    }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item > div {
            width: 100%;
            box-sizing: border-box;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title1, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title2, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title3, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title4 {
            display: block;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title1 {
            order: 1;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title2 {
            order: 3;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title3 {
            order: 5;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_title4 {
            display: none !important;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt1 {
            order: 2;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt2 {
            order: 4;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt3 {
            order: 6;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item .box_txt4 {
            order: 7;
        }

        #stamp #cate4 .box_wrap.list .box.stamp_list .box_item::before, #stamp #cate4 .box_wrap.list .box.stamp_list .box_item::after {
            display: none;
        }

    #stamp #cate4 .box_wrap.list .box.card_list .box_item {
        margin-bottom: 20px;
    }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item > div {
            width: 100% !important;
            box-sizing: border-box;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title1, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title2, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title3, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title4, #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title5 {
            display: block;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title1 {
            order: 1;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title2 {
            order: 3;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title3 {
            order: 5;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title4 {
            order: 7;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_title5 {
            display: none !important;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt1 {
            order: 2;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt2 {
            order: 4;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt3 {
            order: 6;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt4 {
            order: 8;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item .box_txt5 {
            order: 9;
        }

        #stamp #cate4 .box_wrap.list .box.card_list .box_item::before, #stamp #cate4 .box_wrap.list .box.card_list .box_item::after {
            display: none;
        }

    /* garally */
    #garally .cate_wrap {
        box-shadow: none;
    }

    #garally #cate1 .box_wrap.list .box {
        position: relative;
        border-top: none;
        width: 90%;
        margin: 5%;
    }

    #garally .cate_select {
        width: 50%;
        background-image: url("../img/down3.png");
        padding-bottom: 6px;
        margin: 0 auto;
    }
    /* user */
    #user #cate1 .box_wrap.list .font_14 {
        font-size: 12px;
        padding: 3px;
    }

    /* talk */
    #talk2 #talk_box_wrap .talk_box {
        font-size: 14px;
    }

        #talk2 #talk_box_wrap .talk_box .box_txt {
            max-width: 60%;
            padding: 10px;
        }

    #talk2 #talk_send textarea {
        font-size: 14px;
    }
}


/* プログラマー追加コード*/

a.logout {
    color: white;
}


input[type="number"] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

input[type="url"] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

/*ページャーが最大で7つ作られるのでその対策*/
.pager ul li {
    height: 40px;
}

    .pager ul li a {
        color: white;
    }

    .pager ul li.ellipse a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

/*エラーメッセージ*/
.text-danger {
    color: red;
}



/*#stamp #cate4 .box_wrap.list .box.stamp_list .box_item::after {
    width: auto;
    left: 66.6666%;
    border-right: none;
}*/

/*「削除」ボタン等の対策*/
/*form > button {
    width: 100%;
}*/


/* 画像一覧画面のリンク */
#garally #cate1 .box_txt1 a {
    color: white;
    border-bottom: 1px solid;
}


#links #cate2 .box_txt3 a {
    border-bottom: 1px solid;
}


#coupon #cate2 .box #coupon_check .box:last-of-type, #coupon #cate3 .box #coupon_check .box:last-of-type {
    border-bottom: none;
}


main#login {
    min-height: 90vh;
    box-sizing: border-box;
    opacity: 0;
    padding: 20px;
}

.pager_pd {
    padding: 10px 15px;
}

.menu_talk {
    position: relative;
}

.admin_badge {
    background: #EE4444;
    border-radius: 50%;
    color: white;
    text-align: center;
    padding: 0 !important;
    height: 24px !important;
    width: 24px !important;
    line-height: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    position: absolute;
    top: calc(50% - 12px);
    right: 7%;
}