@charset "UTF-8";
/*-----COLOR-----*/
.txt-white {
    color: #fff;
}
.txt-united-blue {
    color: #0033a0;
}
.txt-rhapsody-blue {
    color: #0c2340;
}
.txt-alert-red {
    color: #d50032;
}
.txt-lightgray {
    color: #99a7b4;
}
.txt-atlantic-amethyst {
    color: #6244bb;
}
.txt-dusk {
    color: #b6b8dc;
}
.bg-white {
    background: #fff;
}
.bg-united-blue {
    background: #0033a0
}
.bg-rhapsody-blue {
    background: #0c2340
}
.bg-rhapsody-blue-before::before {
    background: #0c2340
}
.bg-atlantic-amethyst {
    background: #6244bb;
}
.bg-dusk {
    background: #b6b8dc;
}
.bg-sky-blue {
    background: #69b3e7;
}
.bg-premium-purple {
    background: #572c5f;
}
.bg-runway-glay {
    background: #d4d4d0;
}
.border-atlantic-amethyst {
    border: solid 1px #6244bb;
}
/*-----FONT SIZE-----*/
.txt-small {
    font-size: 12px;
}
/*-----BACKGROUND IMAGE-----*/
/*GRID-PICKUP*/
#grid-pickup__art--01 {
    background: url("../img/common/img-art-01.jpg");
    background-size: cover;
}
#grid-pickup__art--02 {
    background: url("../img/common/img-art-02.jpg");
    background-size: cover;
}
#grid-pickup__art--03 {
    background: url("../img/common/img-art-03.jpg");
    background-size: cover;
}
#grid-pickup__rest--01 {
    background: url("../img/common/img-rest-01.jpg");
    background-size: cover;
}
#grid-pickup__rest--02 {
    background: url("../img/common/img-rest-02.jpg");
    background-size: cover;
}
#grid-pickup__shop--01 {
    background: url("../img/common/img-shop-01.jpg");
    background-size: cover;
}
#grid-pickup__plan--01 {
    background: url("../img/common/img-plan-01.jpg");
    background-size: cover;
}
#grid-pickup__plan--02 {
    background: url("../img/common/img-plan-02.jpg");
    background-size: cover;
}
/*ARTICLE HERO*/
#article-hero__museum {
    background-image: url("../img/museum/hero-museum-01.jpg");
    background-position: center 90px;
}
#article-hero__architecture {
    background-image: url("../img/architecture/hero-architecture-01.jpg");
    background-position: center 90px;
}
#article-hero__nightview {
    background-image: url("../img/nightview/hero-nightview-01.jpg");
    background-position: center 90px;
}
#article-hero__restaurant {
    background-image: url("../img/restaurant/hero-restaurant-01.jpg");
    background-position: center 90px;
}
#article-hero__bar {
    background-image: url("../img/bar/hero-bar-01.jpg");
    background-position: center 90px;
}
#article-hero__shopping {
    background-image: url("../img/shopping/hero-shopping-01.jpg");
    background-position: center 90px;
}
#article-hero__plan01 {
    background-image: url("../img/plan01/hero-plan01-01.jpg");
    background-position: center 0;
}
#article-hero__plan02 {
    background-image: url("../img/plan02/hero-plan02-01.jpg");
    background-position: center 0;
}
@media screen and (max-width: 767px) {
    /*ARTICLE HERO*/
    #article-hero__museum {
        background-image: url("../img/museum/hero-museum-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__architecture {
        background-image: url("../img/architecture/hero-architecture-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__nightview {
        background-image: url("../img/nightview/hero-nightview-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__restaurant {
        background-image: url("../img/restaurant/hero-restaurant-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__bar {
        background-image: url("../img/bar/hero-bar-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__shopping {
        background-image: url("../img/shopping/hero-shopping-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__plan01 {
        background-image: url("../img/plan01/hero-plan01-01_sp.jpg");
        background-position: center 90px;
    }
    #article-hero__plan02 {
        background-image: url("../img/plan02/hero-plan02-01_sp.jpg");
        background-position: center 90px;
    }
}