@charset "utf-8";
/* CSS Document */

/* --global-nav */

    /* commonstyle上書き */
    #navbarServiceMenu,
    #navbarServiceMenu.show,
    #navbarServiceMenu.collapsing {
        background-color: transparent;
    }

    /* 縦メニュー時の各項目背景 */
    #navbarServiceMenu > ul > li > a,
    #navbarServiceMenu.show > ul > li > a,
    #navbarServiceMenu.collapsing > ul > li > a {
        background-color: #eee;
    }

    /* active */
    #navbarServiceMenu > ul > li.nav-item.active > a,
    #navbarServiceMenu.show > ul > li.nav-item.active > a,
    #navbarServiceMenu.collapsing > ul > li.nav-item.active > a {
        color: #fff;
        background-color: #259139;
    }

    /* hover */
    #navbarServiceMenu > ul > li > a:hover,
    #navbarServiceMenu.show > ul > li > a:hover,
    #navbarServiceMenu.collapsing > ul > li > a:hover {
        color: #fff;
        background-color: #999;
    }

    /* 横並びメニュー */
    @media (min-width: 992px) {
        #navbarServiceMenu,
        #navbarServiceMenu.show,
        #navbarServiceMenu.collapsing {
            background-color: transparent;
        }
        #navbarServiceMenu > ul > li > a,
        #navbarServiceMenu.show > ul > li > a,
        #navbarServiceMenu.collapsing > ul > li > a {
            background-color: transparent;
        }
        #navbarServiceMenu > ul > li.nav-item.active > a,
        #navbarServiceMenu.show > ul > li.nav-item.active > a,
        #navbarServiceMenu.collapsing > ul > li.nav-item.active > a {
            color: #fff;
            background-color: #259139;
        }
    }

/* --end--global-nav */

#photoprint-nav {
    box-shadow: 0px 6px 6px -2px  rgba(0,0,0,.2);
}
#photoprint-nav > div > div > div {
    font-size: 1rem;
}
#photoprint-nav > div > div > div > a {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
#photoprint-nav > div > div > div > a:first-child {
    border-left: solid 1px #ddd;
}
#photoprint-nav > div > div > div > a:last-child {
    border-right: solid 1px #ddd;
}
#photoprint-nav > div > div > div > a + a {
    border-left: solid 1px #ddd;
}
#photoprint-nav > div > div > div > a.nav-item.nav-link.active {
    color: #fff;
    background-color: #259139;
}
#photoprint-nav > div > div > div > a {
    color: #5e5e5e;
    background-image: -webkit-linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image:         linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset,0 2px 10px 0 rgba(255,255,255,.5) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
    font-weight: bolder;
    letter-spacing: 2px;
}
#photoprint-nav > div > div > div > a:hover {
    color: #5e5e5e; background-color: #f8f9fa;
}
.icon-circle {
    margin-left: 3px;
    padding-left: 1em;
    text-indent: -1.2em;
}
.icon-circle::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    background-image: url('../img/icon_circle_green.svg');
    background-size: contain;
    vertical-align: baseline;
}

@media (min-width: 992px) {
    section > div > div > div > h1 {
        padding: .5rem;
        display: inline-flex;
        color: #fff!important;
        background-color: #259139;
        letter-spacing: 2px;
        border-radius: 2px;
        box-shadow: 0 1px 6px rgba(0,0,0,.2);
    }
    #photoprint-nav > div > div > div {
        font-size: 1rem;
        background-color: #fff;
    }
}