@charset "utf-8";

/* CSS Document */
body {
    color: #1D1D1D;
    font:14px/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
}

img {
    border: 0;
    vertical-align: top;
        width:100%;
        height:auto;
}

sup {
    vertical-align: super;
    font-size: .6em;
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?-94lym6');
    src:url('../fonts/icomoon.eot?#iefix-94lym6') format('embedded-opentype'),
        url('../fonts/icomoon.woff?-94lym6') format('woff'),
        url('../fonts/icomoon.ttf?-94lym6') format('truetype'),
        url('../fonts/icomoon.svg?-94lym6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
em {
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-about:before {
    content: "\e600";
}

.icon-cast:before {
    content: "\e601";
}

.icon-diary:before {
    content: "\e602";
}

.icon-event:before {
    content: "\e603";
}

.icon-home:before {
    content: "\e604";
}

.icon-mypage:before {
    content: "\e605";
}

.icon-newface:before {
    content: "\e606";
}

.icon-news:before {
    content: "\e607";
}

.icon-now:before {
    content: "\e608";
}

.icon-ranking:before {
    content: "\e609";
}

.icon-shop:before {
    content: "\e60a";
}

/**
 * ANCHOR
 */
a,
.text-link {
    color: #3366CC;
    text-decoration: none;
}
.mr a,
a.mr,
a:hover {
    text-decoration: none;
}
.mr a:hover,
a.mr:hover {
    text-decoration: underline;
}

/**
 * ALIGN
 */
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}

/**
 * FLOAT
 */
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear {
    clear: both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

header {
    width:100%;
    max-height: 94px;
    position: fixed;
    z-index: 1;
    background: #FFFFFF;
}
    header h1 {
            display:inline-block;
            float:left;
            width:100px;
    }
    header #logo {
            display:inline-block;
            float:left;
            width:100px;
    }
        header .home {
            display:inline-block;
            float:left;
            margin-top:18px;
            margin-left:5px;
            width:46px;
        }
        header #headNav{
            margin:12px 0 0 0;
            display:inline-block;
            float:right;
            width:122px;
        }
        header #headNav li{
            display:inline-block;
            width:60px;
            height:auto;
            float:left;
        }
    header ._head-nav {
        float: right;
        width: 26px;
        margin: 15px 10px 0 0;
    }
        header ._head-nav p.trigger {
            float:right;
            display:inline-block;
        }
    header ._head-nav h2 {
        font-size:16px;
        font-weight:bold;
        padding:0 15px;
        color:#fff;
        background-color:#c1396b;
    }
    header ._head-nav h2 a {
        text-align:center;
        color:#fff;
        background:url(../img/btn_close02.png) no-repeat left center;
        display:inline-block;
        padding-left:40px;
        background-size:32px auto;
    }
        header ._head-nav ._nav-list {
            width: 220px;
        }
        header ._head-nav ._nav-wrap {
            width: 0;
            z-index: 100;
            position: absolute;
            top: 0;
            right: 0;
            -webkit-transition: background .3s;
            -moz-transition: background .3s;
            -ms-transition: background .3s;
            -o-transition: background .3s;
            transition: background .3s;

            overflow: hidden;
            background:rgba( 0,0,0,0 );
        }
            header ._head-nav-open ._nav-wrap {
                width: 100%;
                background:rgba( 0,0,0,.7 );
            }
            header ._head-nav-close ._nav-wrap {
                background:rgba( 0,0,0,0 );
            }
        header ._head-nav ._nav-back {
            -webkit-transform: translate3d(220px,0,0);
            -moz-transform: translate3d(220px,0,0);
            -ms-transform: translate3d(220px,0,0);
            -o-transform: translate3d(220px,0,0);
            transform: translate3d(220px,0,0);

            width: 220px;
            height: 100%;
            z-index: 100;
            position: absolute;
            top: 0;
            right: 0;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            overflow: hidden;
            background:#F2F2F2;
        }
            header ._head-nav-open ._nav-back {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                -o-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
            header ._head-nav-close ._nav-back {
                -webkit-transform: translate3d(220px,0,0);
                -moz-transform: translate3d(220px,0,0);
                -ms-transform: translate3d(220px,0,0);
                -o-transform: translate3d(220px,0,0);
                transform: translate3d(220px,0,0);
            }

._nav-list {
}
    ._nav-list li {
        border-bottom: 1px solid #D8D8D8;
        box-sizing:border-box;
    }
            ._nav-list li.menu01 a {
                background:url(../img/menu01.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu02 a {
                background:url(../img/menu02.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu03 a {
                background:url(../img/menu03.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu04 a {
                background:url(../img/menu04.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu05 a {
                background:url(../img/menu05.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu06 a {
                background:url(../img/menu06.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu07 a {
                background:url(../img/menu07.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu08 a {
                background:url(../img/menu08.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu09 a {
                background:url(../img/menu09.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu10 a {
                background:url(../img/menu10.png) no-repeat 12px center;
                background-size:16px auto;
            }
            ._nav-list li.menu11 a {
                background:url(../img/menu11.png) no-repeat 12px center;
                background-size:16px auto;
            }
        ._nav-list .mymenu {
            color: #191919;
            display: block;
            font-size: 14px;
            font-weight: bold;
            padding: 12px 10px 12px 35px;
            box-sizing:border-box;
            text-decoration: none;
        }
        ._nav-list a {
            color: #191919;
            display: block;
            font-size: 14px;
            font-weight: bold;
            padding: 12px 10px 12px 35px;
            box-sizing:border-box;
            text-decoration: none;
        }
            ._nav-list a span {
                display: block;
                background:url(../img/icon06.png) no-repeat right center;
                -webkit-background-size: 6px auto;
                background-size: 6px auto;
                padding-right: 15px;
            }
            ._nav-list a.down span {
                background:url(../img/icon06-down.png) no-repeat right center;
                -webkit-background-size: 10px auto;
            }
            ._nav-list a.up span {
                background:url(../img/icon06-up.png) no-repeat right center;
                -webkit-background-size: 10px auto;
            }

    ._nav-list li ul {
        overflow: hidden;
    }
    ._nav-list li li {
        border-top: 1px solid #D8D8D8;
        border-bottom: none;
        background: #E5E5E5;
        position: relative;
    }
        ._nav-list li li a {
            font-weight: normal;
            font-size: 12px;
            background: none !important;
            padding: 8px 10px 8px 25px;
        }
            ._nav-list li li a:before {
                content: '';
                display: block;
                height: 1em;
                width: 2px;
                background: #000;
                position: absolute;
                left: 15px;
                top: 50%;
                margin-top: -.5em;
            }
            ._nav-list li li.megami a:before {
                background: #E62978;
            }
            ._nav-list li li.koushuro a:before {
                background: #B0417B;
            }
            ._nav-list li li.rinsai a:before {
                background: #88C96B;
            }
            ._nav-list li li.market a:before {
                background: #BF006B;
            }
            ._nav-list li li.amouage a:before {
                background: #333399;
            }
            ._nav-list li li.pj a:before {
                background: #C79F6E;
            }
            ._nav-list li li.xiaolon a:before {
                background: #CF492E;
            }
            ._nav-list li li.rouge a:before {
                background: #B9242E;
            }
            ._nav-list li li.kaisyunkan a:before {
                background: #1a1a1a;
            }
            ._nav-list li li.amouage-ciel a:before {
                background: #0078A5;
            }

/**
 * nav
 */
#gNav{
    width:100%;
}
    #gNav ul{
        box-sizing:border-box;
        display:table;
        margin: 0 auto;
    }
        #gNav ul li{
            vertical-align: top;
            display:table-cell;
            width: 20%;
        }
            #gNav ul li:last-child{
            }
            #gNav ul li img{
                vertical-align: bottom;
            }


/**
 * footer
 */
footer {
    background: #c1396b;
    padding: 10px 0;
    width:100%;
}
    footer .copyright {
        font-size: 10px;
        color:#fff;
        text-align:center;
    }
.sp_pc{
    text-align:center;
    font-size:12px;
    margin:5px 0;
}

/*infomation */
#infomation{
    width:100%;
}
    #infomation h2{
        background-color:#c1396b;
        border:1px solid #c1396b;
        padding:3px 0;
        font-size:14px;
        color:#fff;
        font-weight:normal;
        text-align:center;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        margin:25px 5px 10px;
    }
    #infomation ul.infoBanner {
        margin:0 10px;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        font-size: 0;
    }
        #infomation ul.infoBanner li {
            display: inline-block;
            width:50%;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            box-sizing:border-box;
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #f2ebed 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2ebed)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#f2ebed 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#f2ebed 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#f2ebed 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ffffff 0%,#f2ebed 100%); /* W3C */
        }
            #infomation ul.infoBanner li a {
                padding: 10px;
                display: block;
                font-size: 12px;
                font-weight: bold;
                color: #333;
                position: relative;
            }
                #infomation ul.infoBanner li a i {
                    margin-left: -5px;
                    font-size: 1.6em;
                    margin-right: 3px;
                    vertical-align: middle;
                }
                #infomation ul.infoBanner li a:after {
                    content: '';
                    display: block;
                    background: url(../img/icon06.png) no-repeat right center;
                    background-size: 6px 10px;
                    width: 6px;
                    height: 10px;
                    position: absolute;
                    right: 5px;
                    top: 50%;
                    margin-top: -5px;
                }

    #infomation ul.recruitBanner{
        padding:15px 10px;
        width:100%;
        box-sizing:border-box;
    }
        #infomation ul.recruitBanner li.boxL{
            float:left;
            width:48%;
        }
        #infomation ul.recruitBanner li.boxR{
            float:right;
            width:48%;
        }
        #infomation ul.recruitBanner li.empty {
            font-size: 4vw;
            height: 16.5vw;
            line-height: 1.4;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
.footerLink{
    margin:0 0 15px;
    text-align: center;
}
    .footerLink li.boxL{
        display:inline-block;
        padding:5px 10px;
        font-size:12px;
        box-sizing:border-box;
    }
    .footerLink li.boxR{
        display:inline-block;
        padding:10px 0;
        font-size:12px;
    }
        .footerLink li a{
            display:inline-block;
            background:url(../../common/img/icon06.png) no-repeat right center;
            padding-right:20px;
            box-sizing:border-box;
            background-size:9px 14px;
        }
#pageTop{
}
    #pageTop a{
        font-weight:bold;
        display: block;
        background-color:#F2F2F2;
        color:#727171;
        padding:3px;
        font-size:12px;
        text-align:center;
    }

/**
 * PageHeader
 */
._page-header {
    background:#c1396b;
    background-size: auto 32px;
    width:100%;
    height:32px;
    font-size:14px;
    font-weight: normal;
    line-height:32px;
    color:#fff;
    box-sizing:border-box;
    margin-bottom:10px;
    position:relative;
    text-align:center;
}
    ._page-header:before{
        content: '';
        display: inline-block;
        padding-top: 7px;
        vertical-align: top;
        width: 24px;
        height: 24px;
    }

/**
 * LABEL
 */
.cat {
}
    .cat-info {
        color: #E7087A;
    }
    .cat-newface {
        color: #4FBFBB;
    }
    .cat-event {
        color: #DB7500;
    }
    .cat-today {
        color: #506FEB;
    }
    .cat-emergency {
        color: #DE0721;
    }
    .cat-group {
        color: #009CD5;
    }

/**
 * SHOP-LABEL
 */
.shop-label {
    font-size: 10px;
    display:block;
    width:12em;
    text-align:center;
    padding:2px 0;
    color:#fff;
    line-height:1;
}
    .shop-label-megami{
        background-color:#e62877;
    }
    .shop-label-koushuro{
        background-color:#b0407a;
    }
    .shop-label-rinsai{
        background-color:#87c96b;
    }
    .shop-label-market{
        background-color:#bf006b;
    }
    .shop-label-amouage{
        background-color:#333299;
    }
    .shop-label-pj{
        background-color:#c79e6e;
    }
    .shop-label-xiaolon{
        background-color:#cf492d;
    }
    .shop-label-rouge{
        background-color:#b9242e;
    }
    .shop-label-kaisyunkan{
        background-color:#1a1a1a;
    }
    .shop-label-shop-all {
        background: #D70151;
    }
    .shop-label-amouage-ciel {
        background-color: #0078A5;
    }

/**
 * Pager
 */
.pager {
    width:100%;
    text-align:center;
    position:relative;
    margin-top:20px;
    height: 36px;
}
    .pager li {
        display:inline-block;
    }
    .pager li a,
    .pager li span {
        display:inline-block;
        height:24px;
        width:auto;
        line-height:24px;
        text-align:center;
        padding:0 5px;
        margin:6px 5px;
        font-size:14px;
        border:1px solid #D9D9D9;
        background-color:#F7F7F7;
    }
        .pager li a{
            color:#D70051;
        }
        .pager li span {
            border:1px solid #F7CCDC;
            background-color:#FCEDF3;
        }
            .pager li.selected a{
                color:#000000;
            }
        .pager li.prev {
            text-align:left;
            position:absolute;
            left:0;
            padding:0;
            margin:0;
            border:none;
        }
            .pager li.prev a {
                background: url(../img/btn_prev.png) no-repeat center center;
                background-size: 63px 36px;
            }
        .pager li.next {
            text-align:right;
            position:absolute;
            right:0;
            padding:0;
            margin:0;
            border:none;
        }
        .pager li.next ~li.next {
            display: none;
        }
            .pager li.next a {
                background: url(../img/btn_next.png) no-repeat center center;
                background-size: 63px 36px;
            }
            .pager li.prev a,
            .pager li.next a {
                white-space: nowrap;
                overflow: hidden;
                text-indent: 100%;
                padding: 0;
                margin: 0;
                border: none;
                width: 63px;
                height: 36px;
            }
        .pager li img{
            height:36px;
            width:auto;
        }

/* newface */
.newface {
    border-bottom:1px solid #ccc;
    width:100%;
}
    .newface a.innerBox{
        display:block;
        background:url(../../common/img/icon01.png) no-repeat 98% center;
        width:100%;
        box-sizing:border-box;
        margin-right:20px;
        background-size:9px 14px;
    }
    .newface .boxL{
        width:31.25%;
        float:left;
    }
    .newface .boxR{
        width:62%;
        float:right;
        color:#323232;
    }
        .newface .boxR h2{
            font-size:16px;
            font-weight:normal;
            display:inline-block;
            margin-top:10px;
            margin-bottom:10px;
                color: #3366CC;
        }
            .newface .boxR h2 span{
                font-size:12px;
                color:#323232;
            }
.threeSize{
    font-size:12px;
    margin-top:10px;
}
.threeSize .size{
    font-size:10px;
    font-weight:bold;
    color:#c1396b;
}
.newfaceTxt{
    font-size:12px;
}
    .newfaceTable .box1{
        width:40px;
    }
    .newfaceTable .box2{
        width:20px;
        text-align:right;
    }
        .newfaceTable .box2 img{
            width:10px;
            height:auto;
        }
    .newfaceTable .box3{
        width:120px;
        padding-left:5px;
    }
.summary{
    background:url(../../common/img/bg_summary.png) no-repeat left top;
    background-size: cover;
    width:100%;
    height:45px;
    font-size:14px;
    font-weight:bold;
    line-height:45px;
    box-sizing:border-box;
    text-align:center;
    margin-left: 6px;
}
.summary a{
    display:block;
}
    .summary a:after{
        content: '';
        display: inline-block;
        background:url(../../common/img/icon02.png) no-repeat right center;
        background-size:9px 14px;
        width: 9px;
        height: 14px;
        vertical-align: middle;
        margin-top: -4px;
        margin-left: 6px;
    }


/**
 * ranking
 */
.ranking {
}
    .ranking a.innerBox {
        position: relative;
        display: block;
        padding: 5px;
        box-sizing:border-box;
        border-bottom:1px solid #ccc;
        overflow: hidden;
    }
        .ranking a.innerBox:after {
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -7px;
            background:url(../../common/img/icon03.png) no-repeat center center;
            width:9px;
            height:14px;
            background-size:9px 14px;
        }
    .ranking .no1{
        background-color:#fefbe6;
    }
    .ranking .no2{
        background-color:#faf9fa;
    }
    .ranking .no3{
        background-color:#f7efef;
    }
    .ranking .boxL{
        width:34.3%;
        float:left;
    }
    .ranking .boxR{
        width:62%;
        float:right;
        color:#323232;
    }
        .ranking .boxR .rank{
            width:44%;
        }
        .ranking .boxR h2{
            font-size:16px;
            font-weight:normal;
            display:inline-block;
            margin-top:5px;
            margin-bottom:5px;
            color: #3366CC;
        }
            .ranking .boxR h2 span{
                font-size:12px;
                color:#323232;
            }

/**
 * alert-block
 */
.alert-block {
    text-align: center;
    padding: 20px;
    background: #eee;
    border: 1px solid #ccc;
    margin: 20px 10px;
}
    .alert-block-success {
        background: #dff0d8;
        border: 1px solid #c1e2b3;
        color: #357935;
    }
    .alert-block-danger {
        background: #f2dede;
        border: 1px solid #e4b9b9;
        color: #6d1a17;
    }

#evetnBox .btn_close,
#evetnBox .btn_open {
    text-align:right;
    margin-right:15px;
    box-sizing:border-box;
    margin-bottom:-1px;
}
    #evetnBox .btn_close img,
    #evetnBox .btn_open img {
        width: 95px;
    }
    #evetnBox .btn_open {
        display: none;
    }
#evetnBox .fix{
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 99;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate3d(0,600px,0);
    -moz-transform: translate3d(0,600px,0);
    -ms-transform: translate3d(0,600px,0);
    -o-transform: translate3d(0,600px,0);
    transform: translate3d(0,600px,0);
}
    #evetnBox .eventBanner{
        width: auto;
        background-color: rgba(0,0,0,0.8);
    }
    #evetnBox .eventBanner p {
        position: relative;
        text-align: center;
        padding: 15px;
    }
    #evetnBox .eventBanner img {
        width: 100%;
        height: auto;
    }

#evetnBox .select{
    -webkit-transform: translate3d(0,155px,0);
    -moz-transform: translate3d(0,155px,0);
    -ms-transform: translate3d(0,155px,0);
    -o-transform: translate3d(0,155px,0);
    transform: translate3d(0,155px,0);
}
    #evetnBox .select .btn_close {
        display: none;
    }
    #evetnBox .select .btn_open {
        display: block;
    }

.slick-dots li button:before{
        font-size: 22px !important;
}
.slick-dots li.slick-active button:before {
    color: #c1396a !important;
}
.time { text-align: center; }
.time p { padding: 10px 0 10px 10px; border-top: 1px solid #B3B3B3; text-align: left; }
.time td p { border: none; text-align: center; padding: 0; }
.time p em { font-weight: bold; font-size: 1rem; }
.time p em span { color: #ea2b5b; }
.time p img { vertical-align: -4px; margin: 0 1px; }
.time table { width: 100%; }
.time table th { font-size: 0.8rem; color: #FFFFFF; background: #c1396a; text-align: center; padding: 6px 0; word-wrap: break-word; }
.time table td { text-align: center; }
.time table th, .time table td { border-right: 1px solid #B3B3B3;padding: 4px 0; }
.time table th.soldout { background: #000000; color: #e82b88; padding: 12px 0; }
.time table { border-left: 1px solid #B3B3B3; border-top: 1px solid #B3B3B3; }
.time .scroll { width: 100%; overflow: auto; }
.time .scroll::-webkit-scrollbar {
height: 5px;
}
.time .scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.time .scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.time img{
    width: 20px;
}
.day { text-align: center; }
/*.day p { padding: 10px 0 10px 10px; border-top: 1px solid #B3B3B3; text-align: left; }*/
.day p { padding: 10px 0 10px 10px; text-align: left; }
.day p em { font-weight: bold; font-size: 1rem; }
.day table { width: 100%; }
.day table th { font-size: 0.8rem; color: #FFFFFF; background: #000000; text-align: center; padding: 6px 0; }
.day table td { text-align: center; }
.day table th, .day table td { border-right: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; padding: 4px 0; }
.day table { border-left: 1px solid #B3B3B3; border-top: 1px solid #B3B3B3; }
.day table th.on { background: #c0006a }
.day table td.on { color: #c0006a }

#miniprof {
    background: #f1f1f1;
    padding: 1px 0 1px 0;
}

#miniprof .photo {
    width: 36.5%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}