@charset "utf-8";

@media screen and (max-width: 767px) {
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    .kimiomoi__mv{
        margin-top: -150px;
        padding-top: 150px;
    }
  /*共通------------------------------------*/
    .kimiomoi__subTtl{
        margin-bottom: 20px;
    }
    .kimiomi__secTtl{
        margin-bottom: 25px;
    }
    .kimiomoi__movie__content,.kimiomi__message__ttl,.kimiomoi__message__copy,.kimiomoi__inner{
        padding: 0 6%;
    }
    .kimiomoi__feature__item,.kimiomoi__lineup__listImg,.kimiomoi__lineup__list__txtWrap,.kimiomoi__lineup__list__point{
        width: 100%;
    }
    .kimiomoi__inner, .kimiomoi__feature__inner{
        width: auto;
    }
    .kimiomoi__arrow{
        width: 15px;
        height: 15px;
        position: absolute;
        right: 15px;
    }
    .kimiomoi__arrow__svg{
        stroke-width: 1.5px
    }
    .kimiomoi__arrow svg{
        overflow: visible;
    }
    .toggle{
        width: 45px;
        height: 45px;
        border-radius: 0 0 0 15px;
        top: 150px;
    }
    .toggle span{
        width: 20px;
        left: 0;
        margin: auto;
    }
    .kimiomoi__nav__bdr{
        height: 25px;
        width: auto;
    }
    .kimiomoi__nav__item{
        margin-bottom: 45px;
    }
    .kimiomoi__nav__subTxt{
        margin-bottom: 15px;
    }
    a.kimiomoi__nav__link--sub{
        margin-top: 22px;
    }
    .kimiomoi__nav__link--sub{
        width: auto;
        height: 20px;
    }
    .kimiomoi__nav__link--feature{
        height: 19px;
    }
    .kimiomoi__nav__link--cm{
        height: 19px;
    }
    .kimiomoi__nav__link--sub--cat{
        height: 15px;
    }
    .kimiomoi__header__logo{
        width: 77%;
    }
    .kimiomoi__header__logoWrap{
        padding: 35px 0;
    }
    .toggle.active span{
        width: 27px;
    }
    .toggle.active span:nth-child(1),.toggle.active span:nth-child(2){
        top: 10px;
    }
    .kimiomoi__header__siteLogo{
        left: 5%;
        top: calc(1.8vw + 150px);
    }
    .kimiomoi__mv__img{
        width: 100%;
    }
    .toggle--clone{
        top: 50px;
    }
    .toggle--clone.big-header{
        top: 150px;
    }
    .toggle--clone.active{
        top: 0;
    }
    /*ムービー------------------------------------*/
  
    .kimiomoi__movie{
        padding-top: 42px;
    }
    .kimimoi__movieWrap iframe{
        height: 50vw;
    }
    .kimiomoi__movie__ttl{
        margin-bottom: 15px;
    }
    .kimiomoi__movie__bg{
        bottom: 38px;
    }
    /*メッセージ------------------------------------*/
    .kimiomoi__message__subTtl{
        padding-top: 50px;
        margin-bottom: 25px;
    }
    .kimiomi__message__ttl{
        margin-bottom: 35px;
    }
    .kimiomoi__message__copy, .kimiomi__message__ttl{
        z-index: 2;
        position: relative;
    }
    .kimiomoi__message__bgImg{
        z-index: 1;
    }
    .kimiomi__message__txt{
        margin-bottom: 30px;
    }
    .kimiomoi__message__bigTxt{
        width: 85%;
        margin: 0 auto 40px;
    }
    .kimiomi__message__logoWrap{
        width: 68%;
        margin: 0 auto 30px;
    }
    .kimiomoi__message{
        margin-bottom: 0;
    }
    .kimiomoi__message__bg-rightTop{
        width: 25vw;
        top: 27.9vw;
    }
    .kimiomoi__message__bg-rightBottom{
        width: 16.9vw;
        bottom: 30vw;
    }
    .kimiomoi__message__bg-leftTop{
        width: 17.4vw;
        left: 0;
        top: 48.1vw;
    }
    .kimiomoi__message__bg-leftBottom{
        width: 31.7vw;
    }
    /*特長------------------------------------*/
    .kimiomoi__feature{
        padding: 35px 6%;
    }
    .kimiomi__feature__txt{
        font-size: 13px;
        margin-bottom: 54px;
    }
    .kimiomi__feature__pointTtl{
        margin-bottom: 13px;
    }
    .feature__cross{
        margin: 24px 0;
    }
    .feature__cross img{
        width: 32px;
    }
    .kimiomoi__feature__num{
        width: 63px;
        left: -26%;
        top: -40px;
    }
    .kimiomoi__feature__logoWrap{
        padding: 0;
    }
    .kimiomoi__feature__link{
        padding: 20px;
    }
    .kimiomoi__feature__logoImg1{
        width: 72%;
    }
    .kimiomoi__feature__logoImg2{
        width: 33.4%;
    }
    .kimiomoi__feature__logoWrap--exlink:after{
        right: 20px;
    }
    .kimiomoi__feature__itemWrap{
        flex-direction: column;
    }

    /*ラインナップ------------------------------------*/
    .kimiomoi__lineup{
        margin: 39px 0 50px;
    }
    .kimiomoi__lineup__list{
        display: block;
        background-size: cover;
        background-position: top center;
        padding: 50px 25px 0;
        min-height: auto;
        height: 100%;
    }
    .kimiomoi__lineup__listTtl{
        margin-bottom: 24px;
    }
    .kimiomoi__lineup__list--1{
        background-image: url(/_var/kimiomoi/about/img/lineup_bg_green_sp.jpg);
    }
    .kimiomoi__lineup__list--2{
        background-image: url(/_var/kimiomoi/about/img/lineup_bg_blue_sp.jpg);
    }
    .kimiomoi__lineup__list--3{
        background-image: url(/_var/kimiomoi/about/img/lineup_bg_purple_sp.jpg);
    }
    .kimiomoi__lineup__list--4{
        background-image: url(/_var/kimiomoi/about/img/lineup_bg_orange_sp.jpg);
    }
    .kimiomoi__lineup__list--5{
        background-image: url(/_var/kimiomoi/about/img/lineup_bg_pink_sp.jpg);
    }
    
    .kimiomoi__lineup__list__point:nth-last-of-type(-n+2){
        margin-bottom: 10px;
    }
    .kimiomoi__lineup__list__point:last-of-type{
        margin-bottom: 0;
    }
    .kimiomoi__lineup__tabBtn{
        margin: 0;
        width: 50%;
    }
    .kimiomoi__lineup__tabBtn img{
        width: 100%;
    }
    .kimiomoi__lineup__tabBtn--dog.is-active:before{
        background-image: url(/_var/kimiomoi/about/update202309/img/tab-link1-on_sp.png);
        width: 100%;
        background-size: 100%;
        height: 100%;
    }
    .kimiomoi__lineup__tabBtn--cat.is-active:before{
        background-image: url(/_var/kimiomoi/about/update202309/img/tab-link2-on_sp.png);
        width: 100%;
        background-size: 100%;
        height: 100%;
    }
    .kimiomoi__lineup__cate__type{
        right: -33%;
        top: -33px;
        width: 60px;
    }
    .kimiomi__lineup__ttl img{
        height: 24px;
    }
    .kimiomoi__lineup__tabWrap{
        margin-bottom: 50px;
    }
    .kimiomoi__lineup__liTtl__img{
        height: 90px;
        width: auto;;
    }
    .kimiomoi__lineup__liTtl{
        margin-bottom: 36.5px;
    }
    .kimiomoi__lineup__anchorWrap{
        display: block;
        margin-bottom: 30px;
    }
    .kimiomoi__lineup__anchorWrap--cat{
        margin-bottom: 50px;
    }
    .kimiomoi__lineup__anochorLink{
        width: 100%;
        border-left: none;
        padding-bottom: 17px;
        border-bottom: 1px solid #d5dfe9;
        margin-bottom: 17px;
        position: relative;
        font-size: 13px;
    }
    .kimiomoi__lineup__anochorLink:last-of-type{
        border-right: none;
    }

    .kimiomoi__lineup__listItem{
        margin-bottom: 40px;
    }
    .kimiomoi__lineup__cate{
        font-size: 15px;
        padding: 7px;
        min-width: 130px;
    }
    .kimiomoi__lineup__listImg__photo--dog1{
        width: 57%;
    }
    .kimiomoi__lineup__list__num{
        width: 17px;
        height: 17px;
    }
    .kimiomoi__lineup__list__num img{
        height: 9px;
    }
    .kimiomoi__lineup__list__point{
        min-height: 54px;
        padding: 2.8vw 5.8vw;
    }
    .kimiomoi__lineup__list__point p{
        font-size: max(2.13vw,12px);
        line-height: 1.4;
        letter-spacing: .12em;
        font-feature-settings: 'palt';
    }
    .kimiomoi__lineup__list__point-2{
        height: auto;
        font-size: max(3.3vw,12px);
    }
    a.kimiomoi__lineup__list__btn{
        width: 100%;
        box-sizing: border-box;
        border-radius: 0 0 20px 20px;
        padding: 18px 0;
        font-size: 14px;
        text-align: center;
        position: inherit;
        width: calc(100% + 50px);
        display: block;
        margin-left: -25px;
        margin-top: 28px;
    }
    .kimiomoi__lineup__listImg{
        margin-bottom: 15px;
    }
    .kimiomoi__lineup__listImg__photo{
        margin-top: 0;
    }
    .kimiomoi__lineup__listImg__photo--dog2{
        width: 45%;
    }
    .kimiomoi__lineup__listImg__photo--dog3{
        width: 33%;
    }
    .kimiomoi__lineup__listImg__photo--dog4{
        width: 62%;
    }
    .kimiomoi__lineup__listImg__photo--dog5{
        width: 54%;
    }
    .kimiomoi__lineup__listImg__photo--cat1{
        width: 67%;
    }
    .kimiomoi__lineup__listImg__photo--cat2{
        width: 88%;
    }
    .kimiomoi__lineup__listImg__photo--cat3{
        width: 41%;
    }
    .kimiomoi__lineup__listImg__photo--cat4{
        width: 38%;
    }.kimiomoi__lineup__listImg__photo--cat5{
        width: 74%;
    }
    .kimiomomi__lineup__anchor_subTxt{
        font-size: 12px;
    }
    .kimiomoi__lineup__anochorLink p{
        font-size: 13px;
    }
    .kimiomoi__lineup__list__typeTtl{
        display: block;
        margin-bottom: 8px;
    }
    .kimiomoi__lineup__list__typeTtl:after{
        content: none;
    }
    p.kimiomoi__lineup__list__type{
        font-size: 12px;
    }
    /*CM------------------------------------*/
    .kimiomoi__cm{
        padding: 40px 0 0;
    }
    .modaal-video-wrap{
        margin: 0 ;
    }
    .modaal-close{
        width: 45px;
        height: 45px;
        border-radius: 0 0 0 20px;
        top: 0;
        right: 0;
    }
    .kimiomoi__cm__play{
        width: 50px;
        height: 50px;
    }
    .kimiomoi__cm__ttlImg{
        height: 23px;
    }
    .kimiomoi__cmWrap{
        display: block;
    }
    .kimiomoi__cm__item{
        width: 100%;
        margin: 0;
        padding-bottom: 30px;
    }
    .kimiomoi__cm__ttl{
        font-size: 14px;
        margin-top: 18px;
    }
    .kimiomoi__shop{
        padding: 40px 0 50px;
    }
    .kimiomoi__shop__ttlImg{
        height: 23px;
    }
    .kimiomoi__shop__txt{
        font-size: 13px;
        font-weight: 600;
    }
    a.kimiomoi__btn{
        font-size: 13px;
        font-weight: 600;
        padding: 15px;
        width: 90%;
    }
}