@charset "UTF-8";

    /* === store all === */
    body {
        margin: auto;
    }

    /* store */
    /*position:stickey;を適用するために必須*/
    .page-layout-1column,
    .page-layout-2columns-left,
    .page-layout-2columns-right,
    .page-layout-1column-fullwidth {
        overflow-x: visible !important;
    }

    /* ☆☆☆ cp2602-pcihairbrush-sanrio ☆☆☆ */

    /* === lp all === */

    .cp2602-pcihairbrush-sanrio {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .lp__wrap--para {
        text-align: center;
        padding-bottom: 50px;
        color: #4d4445;
        /* font-size: clamp(17px, 1.75vw, 22px); */
        font-size: clamp(17px, 2.5vw, 25px);
        letter-spacing: 1px;
    }

    .lp__wrap--para::before {
        background: url("../../../img/event/cp2602-pcihairbrush-sanrio/bg.jpg");
        background-color: #eeebf2;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .lp__wrap--para #container {
        display: block;
        padding: 0;
        background: transparent;
        position: relative;
        left: 0;
        z-index: 2;
        max-width: 700px;
        margin: auto;
    }

    .cp2602-pcihairbrush-sanrio_fv {
        background: url("../../../img/event/cp2602-pcihairbrush-sanrio/bg_main.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        content: "";
        display: block;
        z-index: -1;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 700px;
        margin: auto;
        box-shadow: 0 3px 40px #ad9bad;
    }


    /* === mv === */
    .mv--area {
        max-width: 1500px;
        margin: 50px auto auto;
        padding-bottom: 25px;
        text-align: center;
    }

    .mv--area img {
        max-width: none;
        width: 100%;
    }

    @media screen and (max-width:768px) {

        .mv--area {
            padding: 15px 0;
        }

    }


    /* === nav === */
    .lineup-nav {
        margin: 50px auto 100px;
        text-align: center;
        padding: 0 1%;
    }

    .lineup-nav .ttl {
        text-align: center;
        margin: 25px auto 40px;
    }

    .lineup-nav .row {
        margin: 25px 5px;
    }

    @media screen and (max-width:768px) {

        .lineup-nav {
            margin: 50px auto;
        }
    }

    /* === section === */

    .lp--main section {
        margin: 125px auto;
        scroll-margin-top: 100px;
        padding: 0 1%;
        /* font-size: clamp(15px, 1.75vw, 21px); */
    }

    .lp--main section p {
        margin-bottom: 0;
    }

    .lp--main a,
    .lp--main a:hover,
    .lp--main a:visited {
        color: #ea608f;
        text-decoration: underline;
    }


    @media screen and (max-width:768px) {

        .lp--main section {
            scroll-margin-top: 65px;
        }

    }

    .sec_bg-top,
    .sec_bg-middle,
    .sec_bg-bottom {
        background: transparent;
        text-align: center;
        max-width: 640px;
        margin: auto;
    }

    .sec_bg-middle {
        background: url("../../../img/event/cp2602-pcihairbrush-sanrio/bg_middle.png") repeat-y;
        background-size: contain;
        padding: 0 7.5%;
    }

    @media screen and (max-width:768px) {

        .sec_bg-top img,
        .sec_bg-bottom img {
            width: 100%;
        }

        .sec_bg-middle {
            padding: 0 9%;
        }

    }

    @media screen and (max-width:767px) {}


    @media screen and (max-width:375px) {}


    /* === intro === */
    #intro {
        line-height: 3.5rem;
        letter-spacing: 2px;
        font-weight: 600;
    }


    /* === collabo === */
    #collabo .sec_bg-middle div {
        padding: 40px 0 0;
    }

    #collabo .sec_bg-middle div:has(img),
    #collabo .detail-area .annotation {
        padding: 0;
    }

    #collabo .annotation p {
        font-size: clamp(11px, 1.5vw, 17px);
    }

    #collabo .annotation p span {
        font-weight: 600;
    }

    #collabo .detail-area {
        border-top: 2px dashed #8c8c8c;
        /* font-size: clamp(14px, 1.5vw, 19px); */
        font-size: clamp(14px, 2.0vw, 22px);
        padding: 0 !important;
        margin: 35px auto auto;
        max-width: 90%;
    }


    /* === slider - swiper === */
    .swiper.slider1,
    .swiper.slider2,
    .swiper.slider3 {
        width: 100%;
        height: auto;
        margin: auto;
        text-align: center;
        padding: 30px 0 15px;
    }

    .slider1 img,
    .slider2 img,
    .slider3 img {
        width: 95%;
        margin-bottom: 10px;
    }

    .slider1 img a:hover,
    .slider2 img a:hover,
    .slider3 img a:hover,
    .slider1 img a:active,
    .slider2 img a:active,
    .slider3 img a:active,
    .slider1 img a:visited,
    .slider2 img a:visited,
    .slider3 img a:visited {
        color: transparent !important;
    }

    @media screen and (max-width:768px) {

        .swiper.slider1,
        .swiper.slider2,
        .swiper.slider3 {
            padding: 15px 0 5px;
        }

    }

    /* === lineup === */

    #lineup .lu_bg-top,
    #lineup .lu_bg-bottom {
        background: transparent;
        text-align: center;
        max-width: 100%;
        margin: auto;
    }

    #lineup .lu_bg-middle {
        background-size: contain !important;
        padding: 0 5%;
        letter-spacing: 2px;
    }

    #lineup #kitty,
    #lineup #cinnamon,
    #lineup #kuromi {
        margin: 100px auto;
        max-width: 640px;
    }

    #lineup #kitty .lu_bg-middle {
        background: url("../../../img/event/cp2602-pcihairbrush-sanrio/lineup_kitty_bg_middle.png") repeat-y;
        color: #695658;
    }

    #lineup #cinnamon .lu_bg-middle {
        background: url("../../../img/event/cp2602-pcihairbrush-sanrio/lineup_cinnamon_bg_middle.png") repeat-y;
        color: #5c6770;
    }

    #lineup #kuromi .lu_bg-middle {
        background: url("../../../img/event/cp2602-pcihairbrush-sanrio/lineup_kuromi_bg_middle.png") repeat-y;
        color: #716479;
    }

    #lineup .lu_bg-middle div {
        padding: 40px 0 0;
    }

    #lineup .lu_bg-middle div:has(img) {
        padding: 0;
    }

    #lineup .lu_bg-middle div.item-exp {
        padding: 0;
        font-weight: bold;
    }

    #lineup .lu_bg-middle div.item-ttl p {
        padding: 5px 0;
    }

    #lineup .lu_bg-middle div.item-ttl p span.limited {
        color: #e1ddde;
        background: #695658;
        margin: auto;
        border-radius: 25px;
        padding: 3px 12px 4px 15px;
        line-height: 4.75rem;
    }

    #lineup #cinnamon .lu_bg-middle div.item-ttl p span.limited {
        background: #5c6770;
    }

    #lineup #kuromi .lu_bg-middle div.item-ttl p span.limited {
        background: #716479;
    }

    #lineup .lu_bg-middle div.item-ttl p.name {
        font-weight: 600;
    }

    #lineup .lu_bg-middle div.item-ttl p.price span.weight {
        font-weight: 600;
    }

    #lineup .lu_bg-middle div.item-ttl p.price span.weight span {
        /* font-size: clamp(22px, 2.75vw, 30px); */
        font-size: clamp(22px, 3.5vw, 38px);
    }

    #lineup .lu_bg-middle div.button {
        padding: 40px 0;
    }

    #lineup .ecsite.coming a {
        pointer-events: none;
        color: #4d4445;
    }

    #lineup .annotation p {
        font-size: clamp(11px, 1.5vw, 17px);
        padding-top: 10px;
    }

    #lineup .annotation p span {
        font-weight: 600;
    }

    @media screen and (max-width:768px) {

        #lineup .lu_bg-top,
        #lineup .lu_bg-bottom {
            width: 100%;
        }

    }

    @media screen and (max-width:767px) {

        #lineup .lu_bg-middle {
            padding: 0 .5%;
        }

        #lineup #kuromi {
            margin: 100px auto 30px;
        }
    }

    /* === collabo === */
    #feature .sec_bg-middle div {
        padding: 40px 0 0;
    }

    #feature .sec_bg-middle div:has(img) {
        padding: 0;
    }

    #feature .feature-txt {
        border-bottom: 2px dashed #8c8c8c;
        padding: 40px 0 !important;
        max-width: 90%;
        margin: auto;
    }

    #feature .spec-area {
        /* font-size: clamp(14px, 1.5vw, 19px); */
        font-size: clamp(14px, 2.0vw, 22px);
        padding: 40px 0 !important;
        margin: auto;
    }

    #feature .sec_bg-middle .spec-area div:has(ul) {
        padding: 20px 0 0;
        text-align: left;
        margin: auto;
        max-width: 90%;
    }

    #feature .link {
        border-top: 2px dashed #8c8c8c;
        padding: 40px 0 !important;
        max-width: 90%;
        margin: auto;
    }

    @media screen and (max-width:767px) {

        #feature .sec_bg-middle .spec-area div:has(ul) {
            width: 100%;
        }

    }

    /* === cp === */
    #cp .sec_bg-middle div,
    #cp .sec_bg-middle div.row {
        padding: 40px 0 0;
    }

    #cp .sec_bg-middle .specialCP:has(img) {
        padding: 0;
    }

    #cp .sec_bg-middle .specialCP .txt {
        padding: 40px 0 0;
    }

    #cp .sec_bg-middle .button {
        border-bottom: 2px dashed #8c8c8c;
        padding: 40px 0 80px !important;
        max-width: 90%;
        margin: auto;
    }

    #cp .sec_bg-middle .button a {
        background: #b57d91;
        margin: auto;
        padding: 15px;
        outline: 2px solid #fff;
        outline-offset: -5px;
        width: 80%;
        color: #fff !important;
        text-decoration: none;
    }

    #cp .sec_bg-middle .button a:hover,
    #cp .sec_bg-middle .button a:visited {
        text-decoration: underline;
    }

    #cp .sec_bg-middle .followus {
        padding-top: 40px;
        margin: auto;
    }

    #cp .sec_bg-middle div.row.account {
        font-size: clamp(14px, 2.0vw, 22px);
    }

    #cp .sec_bg-middle div.row.account img {
        padding-top: 20px;
    }

    #cp .sec_bg-middle .specialCP.coming {
        pointer-events: none;
        position: relative;
    }

    #cp .sec_bg-middle .specialCP.coming .txt {
        border-bottom: 2px dashed #8c8c8c;
        padding: 40px 0 80px;
    }

    #cp .sec_bg-middle .specialCP.coming::before {
        content: url("../../../img/event/cp2602-pcihairbrush-sanrio/CP_coming_soon.png");
        text-align: center;
        position: absolute;
        z-index: 2;
        display: block;
        top: 25%;
        left: 25%;
        max-width: 100%;
    }

    #cp .sec_bg-middle .specialCP.coming::after {
        content: "";
        text-align: center;
        position: absolute;
        z-index: 1;
        display: block;
        background-color: rgba(223, 189, 202, .4);
        width: 100%;
        height: calc(100% - 75px);
        top: 40px;
        left: 0;
        background-size: auto;
    }

    @media screen and (max-width:767px) {

        #cp .sec_bg-middle div.row.account {
            letter-spacing: 0;
        }

        #cp .sec_bg-middle div.row.account img {
            padding-top: 20px;
            max-width: 50%;
        }

        #cp .sec_bg-middle .specialCP.coming::before {
            top: 15%;
            left: 2.5%;
            transform: scale(0.75);
        }

    }

    /* corporate */
    .corporate.annotation p {
        font-size: clamp(11px, 1.5vw, 17px);
    }