@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
    line-height: 1.5;
    -webkit-text-size-adjust: none; /* ¥Õ¥©¥ó¥È¥µ¥¤¥º×Ô„ÓÕ{Õû */
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

img {
    vertical-align: top;
}

#pageEnd:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}


/*----------------------------------------------------
 layout
----------------------------------------------------*/
#header,
#headerWrap,
.content,
#footer,
#footerWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#headerWrap {
    min-width: 100%;
}

.content {
    position: relative;
    width: auto;
    padding: 0 10px;
}

    .content #main {
        width: auto;
    }




/*----------------------------------------------------
 header
----------------------------------------------------*/
#headerWrap {
    height: auto;
}

#header {
    height: 40px;
}

#siteName {
    padding: 0;
}

#globalNav {
    height: auto;
}

    #globalNav li {
        padding: 0;
    }

    #globalNav a {
        display: block;
        background: none;
        text-indent: 0;
        height: auto;
        padding: 13px 10px 0;
        font-size: 13px;
        font-weight: bold;
    }

#gnShop a {
    width: auto;
}

#gnHome,
#gnStore,
#gnLab,
#gnMymuji,
#gnContact,
#gnGS {
    display: none;
}

/*----------------------------------------------------
 main
----------------------------------------------------*/

#main {
    width: auto;
    margin: 10px 0 0;
    min-height: auto;
}

body #main h1 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    text-indent: 0;
    border-bottom: 0;
    background: none;
    text-indent: 0;
}

.mobileOnly {
    display: block;
}

.pcOnly {
    display: none;
}

section {
    margin-bottom: 30px;
}

    section section {
        margin: 20px 0;
        padding-top: 20px;
    }

        section section#feature1 {
            margin-top: 0;
            padding-top: 0;
        }

#passport .mile a, #mile .passport a {
    text-decoration: underline;
}

#intro #tag {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}

#intro {
    text-align: center;
}

    #intro .desc li.appStore {
        margin-bottom: 0;
    }

    #intro .lead {
        width: 100%;
    }

    #intro .title {
        padding: 20px 0;
    }

#passport #logo img {
    width: 70%;
}

#passport #top-vis {
    width: 80%;
    float: none;
    margin: 10px 0;
}

#intro p {
    text-align: left;
}

#intro #promo p {
    text-align: center;
}

#movie {
    text-align: center;
    display: block;
}

    #movie iframe {
        width: 300px;
        height: 168px;
    }

#vis-feat {
    position: static;
    display: block;
    margin: 0 auto 20px;
}

#feature1 h1, #feature1 p, #feature2 > h1, #feature2 > p {
    margin-right: 0;
}

#feature2 section a {
    text-decoration: underline;
}

body #main section h1 {
    font-size: 20px;
    padding: 0;
}

body #main section#sums > h1,
body #main section#feature > h1,
body #main section#howto > h1 {
    padding: 15px 0;
}

body #main section section h1 {
    font-size: 14px;
    margin-bottom: 5px;
}

#howto section, #howto section {
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    padding-top: 20px;
}

#howto figure,
#sums figure {
    float: none;
    width: auto;
    text-align: center;
    margin: 20px 0;
}

#howto img,
#sums img {
    width: 80%;
}

body #main section#guide h1 {
    font-size: 14px;
    margin-bottom: 10px;
}

.box {
    width: 100%;
    float: none;
}

#guide figure {
    text-align: center;
    margin: 0 0 30px;
}

#guide img {
    width: 138px;
    margin-bottom: 10px;
}

#mujicard p {
    text-align: center;
}

#mujicard img.mobileOnly {
    border: 1px solid #9C2239;
    display: inline;
}

aside#mujicard {
    min-height: 185px;
}

#faq {
    padding: 0;
    margin-top: 30px;
}

    #faq a {
        display: block;
        text-align: center;
        padding: 10px 0;
    }

aside#mujicard img {
    width: 75%;
}

aside#mujicard h1 {
    display: block;
    background: #7F0019;
}

aside#mujicard div {
    padding: 10px;
}

#intro .desc {
    float: none;
    width: 100%;
}

#vis-feat2 {
    position: static;
    display: block;
    margin: 0 auto;
}

#feature3 img, #feature4 img, #feature6 img {
    width: 30%;
}

#feature5 img, #feature7 img {
    width: 20%;
}

section#featureList {
    margin-top: 0;
}

    section#featureList section#feature3 {
        padding-top: 0;
    }


/* mile */
#mile #logo img {
    width: 70%;
}

#mile #intro h1 {
    position: static;
}

#mile #top-vis {
    width: 90%;
    float: none;
    margin: 15px auto 0;
}

#mile #stage-vis {
    width: 100%;
    float: none;
    margin: 15px auto 0;
}

body#mile #main section#service h1 {
    font-size: 20px;
    padding-bottom: 15px;
}

#accumulateList section {
    width: 100%;
    border-top: 1px solid #e6e6e6;
}

    #accumulateList section:first-child {
        border-top: 0;
    }

#accumulateList img {
    width: 50%;
}

#accumulate a {
    text-decoration: underline;
}

#accumulate4 img, #accumulate5 img {
    position: static;
    display: block;
    margin: 0 auto;
}

#accumulate4 > h1, #accumulate4 > p, #accumulate5 > h1, #accumulate5 > p {
    margin-right: 0;
}

/* campaign */
#passport_campagin #logo {
    margin: 0 0 15px;
}

#passport_campagin #intro > .title > #logo > img {
    width: 70%;
}

#passport_campagin #intro > .title > .title_main {
    width: 85%;
}

    #passport_campagin #intro > .title > .title_main > .title_detail {
        width: 80%;
    }

    #passport_campagin #intro > .title > .title_main > figure {
        width: 20%;
        margin-left: 20px;
    }

#passport_campagin #intro .title .title_main .title_detail p#campaign_name {
    font-size: 1.32em;
}

#passport_campagin #intro .title .title_main .title_detail p#campaign_date {
    font-size: 1.05em;
    margin-bottom: 10px;
}

#passport_campagin #intro > dl.coupon_date.mobileOnly {
    border-bottom: 1px dotted #ccc;
}

    #passport_campagin #intro > dl.coupon_date.mobileOnly > p {
        text-align: center;
    }

#passport_campagin #intro > dl > dt {
    font-weight: 700;
}

#passport_campagin #intro > dl > dd {
    margin: 0 0 20px;
}

#passport_campagin #intro .title {
    padding-bottom: 30px;
    margin-bottom: 20px;
}

#passport_campagin #intro .lead {
    font-size: 14px;
}

#passport_campagin #feature {
    margin: auto 10px;
}

body#passport_campagin #main section#feature > h1 {
    margin: 0;
    padding: 30px 0;
    text-align: center;
}

#passport_campagin .campaign_detail h2 .step_title {
    font-size: 16px;
}

#passport_campagin #feature1 > #apps > div.qr {
    display: none;
}

#passport_campagin #feature1 > #apps {
    display: block;
    margin: 10px 20px 20px;
    padding: 0;
}

#passport_campagin #feature1 #apps > figure {
    margin: 0 auto 40px;
    width: 80%;
}

#passport_campagin #feature1 #apps > .desc {
    width: auto;
}

    #passport_campagin #feature1 #apps > .desc > #storeLink {
        display: flex;
        align-items: center;
    }

        #passport_campagin #feature1 #apps > .desc > #storeLink li {
            width: 50%;
        }

#passport_campagin #benefit {
    padding: 15px;
    text-align: center;
    margin: 0 5px;
}

    #passport_campagin #benefit .column3 {
        display: block;
    }

        #passport_campagin #benefit .column3 li {
            width: auto;
            margin: 40px 0 0;
        }

            #passport_campagin #benefit .column3 li:not(:last-child) {
                border-bottom: 1px dotted #ccc;
                padding-bottom: 20px;
                margin-top: 20px;
            }

#passport_campagin .campaign_detail {
    margin: 0 0 40px;
    padding-top: 0;
}

    #passport_campagin .campaign_detail:not(:last-child) {
        margin-bottom: 70px;
    }

#passport_campagin #feature2 > ol > li > figure {
    width: 100%;
    margin: 0 auto;
}

#passport_campagin #feature2 > ul li {
    text-indent: -12px;
    margin-left: 12px;
}

#passport_campagin #benefit .column3 li figure {
    height: 100px;
}

#passport_campagin #benefit .column3 li:nth-child(1) figure img {
    width: 40%;
}

#passport_campagin #benefit .column3 li:nth-child(2) figure img {
    width: 17%;
}

#passport_campagin #benefit .column3 li:nth-child(3) figure img {
    width: 17%;
}

#passport_campagin #benefit > ul > li > span > br {
    display: block;
}

#passport_campagin #feature2 > ol {
    margin: 0;
}

#footer {margin-top: 20px;}

#storeFooterWrap,
#footerNav {display: none;}

#pageEnd {padding: 0 10px;}
#copyright {margin-bottom: 0; text-align: center;}

<!--ºÄʱ1769394425.8534Ãë-->