.bodoni{
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.yugothic{
    font-family: "游ゴシック体",
        "Yu Gothic",
        YuGothic,
        "ヒラギノ角ゴ Pro",
        "Hiragino Kaku Gothic Pro",
        "メイリオ",
        "Meiryo",
        sans-serif;;
}
.playfair{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-style: normal;
}


#pageContainer.ftl .ftl-lineup__cont-head li.new {
    position: relative;
    overflow: visible;
}
#pageContainer.ftl .ftl-lineup__cont-head li.new::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/-/Media/com/flash-tint-lip/top/20240610/new.png);
}
#concept h2 {
    text-align: center;
    color: #333;
}

#concept h2 > span{
    display: block;
}

#concept h2>span.playfair {
    font-weight: 500;
    letter-spacing: 0.1em;
}

#movie h2.playfair,
#lineup h2.playfair,
#feature h2.playfair {
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1em;
}
#movie h2.playfair,
#feature h2.playfair {
    color: #333;
}
#lineup h2.playfair {
    color: #fff;
}



@media screen and (max-width: 767px) {
    .pc {
        display: none !important;
    }

    #pageContainer.ftl .ftl-lineup__cont-head li{
        width: calc(110 / 750 * 100vw);
    }

    #pageContainer.ftl .ftl-lineup__cont-head li.new::before {
        width: calc(72 / 750 * 100vw);
        height: calc(42 / 750 * 100vw);
        margin-top: calc(-30 / 750 * 100vw);
        margin-left: calc(10 / 750 * 100vw);
    }
    #concept h2 {
        margin-bottom: calc(50 / 750 * 100vw);
    }
    #concept h2>span.playfair {
        font-size: calc(48 / 750 * 100vw);
    }
    #pageContainer.ftl .ftl-lineup__cont-ttl {
        min-height: calc(61 / 375 * 100vw);
    }
    #movie h2.playfair,
    #lineup h2.playfair,
    #feature h2.playfair {
        font-size: calc(48 / 750 * 100vw);
        margin-bottom: calc(50 / 750 * 100vw);
    }
}




@media screen and (min-width: 768px) {
    .sp {
        display: none !important;
    }

    #pageContainer.ftl .ftl-lineup__cont-head li {
        width: 55px;
    }
    
    #pageContainer.ftl .ftl-lineup__cont-head li.new::before {
        width: 36px;
        height: 21px;
        margin-top: -15px;
        margin-left: 5px;
    }
    #concept h2 {
        margin-bottom: 25px;
    }
    #concept h2>span.playfair {
        font-size: 24px;
    }
    #pageContainer.ftl .ftl-lineup__cont-ttl{
        min-height: 61px;
    }
    #movie h2.playfair,
    #lineup h2.playfair,
    #feature h2.playfair {
        font-size: 24px;
        margin-bottom: 25px;
    }
}