/* CSS Document */

.Button.soldout
{
    color: #fff;
    background-color: #bebebe;
}

.Button.soldout:hover
{
    color: #fff;
    background-color: #bebebe;
}

.campaigns_banner_area
{
    margin-bottom: 3em;
}

.campaigns_banner_area .banner
{
    margin-bottom: 1em;
}

.campaigns_banner_area .campaigns_banner_area_notice h3
{
    font-size: 2.5rem;

    margin-bottom: 1em;

    text-align: center;
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner
{
    position: relative;

    padding: 20px;
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner:before,
.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner:after
{
    position: absolute;

    display: inline-block;

    width: 20px;
    height: 30px;

    content: '';
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner:before
{
    top: 0;
    left: 0;

    border-top: solid 2px #116845;
    border-left: solid 2px #116845;
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner:after
{
    right: 0;
    bottom: 0;

    border-right: solid 2px #116845;
    border-bottom: solid 2px #116845;
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner .notice
{
    margin-top: 1em;
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner .notice li
{
    margin-left: 1em;

    text-indent: -1em;
}

.campaigns_banner_area .campaigns_banner_area_notice .campaigns_banner_area_notice_inner .notice li:before
{
    content: '※';
}

.IndexShopOverLay,
.DirectStore
{
    position: relative;
}

.IndexShopOverLay .IndexShop__overlay,
.DirectStore .IndexShop__overlay
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .4);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.IndexShopOverLay .IndexShop__overlay .IndexShop__overlay-close,
.DirectStore .IndexShop__overlay .IndexShop__overlay-close
{
    font-size: 3rem;
    font-weight: bold;
    line-height: 3em;

    z-index: 11;

    text-align: center;

    color: #fff;
}

.FacilityGuide .Wrap
{
    padding-bottom: 0;
}

.DirectStore .Wrap
{
    padding-top: 0;
}

@media screen and (max-width: 580px)
{
    .campaigns_banner_area .campaigns_banner_area_notice h3
    {
        font-size: 1.9rem;

        text-align: left;
    }

    .IndexShopOverLay .IndexShop__overlay .IndexShop__overlay-close,
    .DirectStore .IndexShop__overlay .IndexShop__overlay-close
    {
        font-size: 1.5rem;
        line-height: 1.6em;

        padding: 20px;

        text-align: left;
    }
}