@charset "utf-8";

h1.texteffect, h1.texteffectWrap {
    margin: 2em 0;
    color: #eb6066;
    text-align: center;
    font-weight: 200;
    font-size: 300%;
    letter-spacing: .1em;
}
.texteffectWrap small {
    display: block;
    color: #eb6066;
    font-weight: 200;
}

@media screen and (max-width: 568px) {
    h1.texteffect, h1.texteffectWrap {
        margin: 3rem 0;
        font-size: 8vw;
        font-weight: 600;
    }
    .texteffectWrap small {
        font-weight: 600;
    }
}

/* フローティング会員アプリDLボタン
body {
    position: relative;
}

article::after {
    content: "";
    display: block;
    height: 30vw;
    background: #e94d59;
}

@media only screen and (min-width: 899px) {
    article::after {
        height: 280px;
    }
}

.floating {
    z-index: 100;
    width: 100%;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    background: #f27f88;
}

.floating .flax_container {
    max-width: 940px;
    padding: 1em 0 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: end;
}

.floating figure {
    margin: 0;
    width: 20%;
}

.floating figure img {
    max-width: 180px;
}

.floating dl {
    width: 65%;
    margin: 0;
    padding: 0;
}

.floating dt {
    margin: 0 0 5%;
    color: #ffffff;
    font-size: clamp(12px, 4vw, 32px);
    font-weight: normal;
    text-align: center;
}

.floating a {
    display: block;
    width: 100%;
    padding: 0 0.5em;
    margin: 0 0 5%;
    font-size: 1.8em;
    color: #ffffff;
    text-align: center;
}

.floating a:hover {
    text-decoration: none;
}

main#stripeBg section#shop_list.bgWrap div.bgInner {
    padding-bottom: 300px;
}

@media screen and (max-width: 991px) {
    .pcNone {
        display: block;
    }
} */

/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
}
/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
}
/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
    section#shop_list ul.arealist {
        display: block !important;
    }
    main#stripeBg section#shop_list h3.areaname{
        cursor: default;
    }
}
/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}
/* ==============================================================
 Less than SP-PORTRAIT
================================================================= */
@media screen and (max-width:480px) {
}
/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}
/* ==============================================================
 Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
}