@charset "UTF-8";
/*
GENERAL STYLING
================================================ */
@media (max-width: 600px) {
  body {
    width: calc(100vw * 390 / 390);
  }
  .wpcr3_respond_2 input[type=text] {
    width: 80vw;
  }
  .wpcr3_respond_2 textarea {
    min-width: initial;
    width: 91vw;
  }
  /*
  投稿ページのCSS
  ================================================ */
  .article {
    padding: 1px 20px;
  }
  /*
  header
  ================================================ */
  #l-header {
    height: calc(100vw * 67.5 / 390);
  }
  #l-header .l-header__left-title {
    left: calc(100vw * 0 / 390);
    top: 50%;
  }
  #l-header .l-header__left-title img {
    height: calc(100vw * 70 / 390);
  }
  #l-header .l-header__left-title img:hover {
    transform: scale(1);
  }
  #l-header .l-header__right-search {
    left: calc(100vw * 292.5 / 390);
    border: solid 1px #ffffff;
    position: relative;
  }
  #l-header .l-header__right-search-submit {
    margin-left: calc(100vw * 10 / 390);
    margin-top: calc(100vw * 45 / 390);
    width: calc(100vw * 33 / 390);
    height: calc(100vw * 33 / 390);
  }
  #l-header .l-header__right-search-submit img {
    width: 100%;
  }
  #l-header .l-header__right-search-spaceholder {
    display: block;
    position: absolute;
    top: calc(100vw * 58 / 390);
    left: calc(100vw * -294 / 390);
    width: 100vw;
    height: calc(100vw * 63 / 390);
    background-color: rgba(74, 74, 74, 0.8);
    font-size: calc(100vw * 21.4 / 390);
    padding-left: calc(100vw * 23 / 390);
    letter-spacing: calc(100vw * 2 / 390);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  #l-header .l-header__right-search-spaceholder.active {
    opacity: 1;
    visibility: visible;
  }
  #l-header .l-header__right-humburger {
    position: fixed;
    top: calc(100vw * 15 / 390);
    left: calc(100vw * 347 / 390);
    display: flex;
    flex-direction: column;
    width: calc(100vw * 33 / 390);
    height: calc(100vw * 40 / 390);
    font-size: calc(100vw * 20 / 390);
    justify-content: center;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 10;
  }
  #l-header .l-header__right-humburger span {
    display: block;
    width: calc(100vw * 33 / 390);
    height: calc(100vw * 7 / 390);
    margin: calc(100vw * 4.5 / 390) 0;
    background-color: #449ba0;
    transition: 500ms ease-in-out;
  }
  #l-header .l-header__right-menu-list {
    position: fixed;
    top: 0rem;
    left: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: calc(100vw * 67.5 / 390);
    font-size: calc(100vw * 14 / 390);
    width: 70vw;
    height: 100%;
    background-color: #fff;
    z-index: 5;
    transition: left 0.3s ease-in-out;
  }
  #l-header .l-header__right-menu-list a {
    color: #000;
    padding-left: calc(100vw * 24 / 390);
    padding-bottom: calc(100vw * 24 / 390);
  }
  #l-header .l-header__right-menu-list.active {
    left: 30%;
  }
  #l-header .l-header__right-humburger.active span:nth-child(1) {
    transform-origin: left center;
    transform: translateY(calc(100vw * 0 / 390)) rotate(45deg);
    width: calc(100vw * 38.5 / 390);
  }
  #l-header .l-header__right-humburger.active span:nth-child(2) {
    background-color: transparent;
  }
  #l-header .l-header__right-humburger.active span:nth-child(3) {
    transform-origin: left center;
    transform: translateY(calc(100vw * 0 / 390)) rotate(-45deg);
    width: calc(100vw * 38.5 / 390);
  }
  #l-header .l-header__pcmenu {
    display: none;
  }
  #l-cover {
    height: calc(100vw * 316.2 / 390);
  }
  #l-cover img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
  }
  #l-cover .l-cover__app {
    top: calc(100vw * 145 / 390);
    height: 138%;
    left: calc(100vw * -57 / 390);
  }
  #l-cover .l-cover__woman {
    height: 115%;
    right: calc(100vw * -247 / 390);
  }
  #l-cover .l-cover__title {
    height: calc(100vw * 116.4 / 390);
    left: calc(100vw * 0 / 390);
    font-size: calc(100vw * 19.3 / 390);
    z-index: 2;
  }
  #l-cover .l-cover__title-sentence-second-accent {
    font-size: calc(100vw * 27.6 / 390);
  }
  #l-cover .l-cover__title-sentence-second-accent-w {
    margin-left: calc(100vw * -20 / 390);
  }
  #l-recommended-app {
    height: calc(100vw * 137 / 390);
    position: relative;
    overflow: hidden;
  }
  #l-recommended-app .l-recommended-app__title {
    padding-top: calc(100vw * 27 / 390);
    margin-bottom: calc(100vw * 5 / 390);
  }
  #l-recommended-app .l-recommended-app__main {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
    display: block;
  }
  #l-recommended-app .l-recommended-app__main img {
    display: none;
  }
  #l-recommended-app .l-recommended-app__main-app {
    max-width: 100vw;
  }
  #l-recommended-app .l-recommended-app__main-app img {
    display: inline;
    width: calc(100vw * 62.6 / 390);
    height: calc(100vw * 62.6 / 390);
    border-radius: calc(100vw * 9 / 390);
  }
  #l-recommended-app .recommended-slider-sp {
    display: flex;
    overflow-x: scroll;
  }
  #l-ranking {
    height: calc(100vw * 620 / 390);
    margin-top: calc(100vw * 30 / 390);
    border-top: none;
    overflow: hidden;
    /*
    .l-ranking__responsive{
        display:block;
        width:100vw;
        font-size:spbasic(7.7*2);
        &-tag{
            border-bottom:1px solid #e6e6e6;
            height: spbasic(20);
            display: grid;
            grid-auto-flow: column;
            overflow-x: auto;
            &-selected{
                display: inline-block;
                width:spbasic(100);
                padding:0 spbasic(5);
                margin:0 spbasic(5);
                height: 100%;
                border-radius:spbasic(6.8) spbasic(6.8) 0 0;
                background-color: #e6e6e6;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            &-unselected{
                display: inline-block;
                width:spbasic(100);
                padding:0 spbasic(5);
                margin:0 spbasic(5);
                height: 100%;
                border-radius:spbasic(6.8) spbasic(6.8) 0 0;
                border:1px solid #e6e6e6;
                border-bottom: 1px solid transparent;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
        &-main{
            display: flex;
            justify-content: center;
            align-items: center;
            &-box{
                width:100vw;
            }
            &-container:not(:first-of-type) {//最初のコンテナだけ表示させる
                display: none;
            }
            &-container{
                height: spbasic(367.3);
                width:spbasic(360);
                margin:0 spbasic(0);
                border:none;
                &-title{
                    display: none;
                }
                &-detail{
                    display: flex;
                    padding-top: spbasic(13.8);
                    padding-bottom: spbasic(11.5);
                    width:spbasic(345.4);
                    height: spbasic(73.46);
                    img{
                        display:block;
                        width:spbasic(48.44);
                        height: spbasic(48.44);
                    }
                    &-number1{
                        margin:0 spbasic(7.56);
                        width: spbasic(11.3*2);
                        height: spbasic(11.3*2);
                        font-size: spbasic(9.38*2);
                        border-radius: 50%;
                        background-color: #cb9b0c;
                        color: white;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                    }
                    &-number2{
                        margin:0 spbasic(7.56);
                        width: spbasic(11.3*2);
                        height: spbasic(11.3*2);
                        font-size: spbasic(9.38*2);
                        border-radius: 50%;
                        background-color: #999999;
                        color: white;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                    }
                    &-number3{
                        margin:0 spbasic(7.56);
                        width: spbasic(11.3*2);
                        height: spbasic(11.3*2);
                        font-size: spbasic(9.38*2);
                        border-radius: 50%;
                        background-color: #998675;
                        color: white;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                    }
                    &-number{
                        margin:0 spbasic(7.56);
                        width: spbasic(11.3*2);
                        height: spbasic(11.3*2);
                        font-size: spbasic(9.38*2);
                        color: #999;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                    }
                    &-info{
                        width: 66vw;
                        height: spbasic(48);
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        line-height: 1;
                        &-title{
                            font-size: spbasic(12.5*2);
                            color: #333333;
                        }
                        &-mobile{
                            display: flex;
                            justify-content: space-between;
                            width: spbasic(101.8);
                            img{
                                display:block;
                                height:spbasic(13.1);
                                width: auto;
                            }
                        }
                    }
                }
                &-detail::after{
                    display: none;
                }
            }
        }
    }
        */
  }
  #l-ranking .l-ranking__title {
    margin: 0 0 calc(100vw * 8.16 / 390) calc(100vw * 12.5 / 390);
    font-size: calc(100vw * 20.32 / 390);
  }
  #l-ranking .l-ranking__responsive2 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #l-ranking .l-ranking__responsive2-box {
    width: calc(100vw * 1304 / 390);
    margin: 0 calc(100vw * 20 / 390);
  }
  #l-ranking .l-ranking__responsive2 img {
    width: calc(100vw * 56 / 390);
    height: calc(100vw * 56 / 390);
  }
  #l-ranking .l-ranking__responsive2-container {
    height: calc(100vw * 560 / 390);
    width: calc(100vw * 300 / 390);
    margin: 0 calc(100vw * 20 / 390);
    justify-content: space-between;
    border: 1px solid #e6e6e6;
    border-radius: calc(100vw * 4.5 / 390);
  }
  #l-ranking .l-ranking__responsive2-container-title {
    display: flex;
    align-items: center;
    padding-left: calc(100vw * 38 / 390);
    position: relative;
    width: 100%;
    height: calc(100vw * 60 / 390);
    font-size: calc(100vw * 20 / 390);
    border-bottom: 1px solid #e6e6e6;
  }
  #l-ranking .l-ranking__responsive2-container-title::after {
    content: "";
    position: absolute;
    left: calc(100vw * 14 / 390);
    bottom: 0;
    width: calc(100vw * 378 / 390);
  }
  #l-ranking .l-ranking__responsive2-container-detail {
    display: flex;
    align-items: center;
    padding-left: calc(100vw * 8 / 390);
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    height: calc(100vw * 100 / 390);
  }
  #l-ranking .l-ranking__responsive2-container-detail img {
    width: calc(100vw * 60 / 390);
    height: calc(100vw * 60 / 390);
  }
  #l-ranking .l-ranking__responsive2-container-detail-number1 {
    margin-left: calc(100vw * 8 / 390);
    margin-bottom: calc(100vw * 38 / 390);
    width: calc(100vw * 39.6 / 390);
    height: calc(100vw * 30.6 / 390);
    font-size: calc(100vw * 24 / 390);
    border-radius: 50%;
    background-color: #cb9b0c;
    color: white;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #l-ranking .l-ranking__responsive2-container-detail-number2 {
    margin-left: calc(100vw * 8 / 390);
    margin-bottom: calc(100vw * 38 / 390);
    width: calc(100vw * 39.6 / 390);
    height: calc(100vw * 30.6 / 390);
    font-size: calc(100vw * 24 / 390);
    border-radius: 50%;
    background-color: #999999;
    color: white;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #l-ranking .l-ranking__responsive2-container-detail-number3 {
    margin-left: calc(100vw * 8 / 390);
    margin-bottom: calc(100vw * 38 / 390);
    width: calc(100vw * 39.6 / 390);
    height: calc(100vw * 30.6 / 390);
    font-size: calc(100vw * 24 / 390);
    border-radius: 50%;
    background-color: #998675;
    color: white;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #l-ranking .l-ranking__responsive2-container-detail-number {
    margin: 0 calc(100vw * 13.9 / 390);
    margin-bottom: calc(100vw * 38 / 390);
    width: calc(100vw * 30.6 / 390);
    height: calc(100vw * 30.6 / 390);
    font-size: calc(100vw * 24 / 390);
    color: #999;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #l-ranking .l-ranking__responsive2-container-detail-info {
    width: calc(100vw * 240 / 390);
    height: calc(100vw * 91 / 390);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: calc(100vw * 28 / 390);
    position: relative;
  }
  #l-ranking .l-ranking__responsive2-container-detail-info-title {
    color: #0071bc;
    font-size: calc(100vw * 20 / 390);
    margin-left: calc(100vw * 4 / 390);
    height: calc(100vw * 55 / 390);
    overflow: hidden;
    line-height: 1.3;
  }
  #l-ranking .l-ranking__responsive2-container-detail-info-mobile {
    display: flex;
    justify-content: flex-start;
    width: calc(100vw * 184 / 390);
    position: absolute;
    top: calc(100vw * 60 / 390);
    left: calc(100vw * -35 / 390);
  }
  #l-ranking .l-ranking__responsive2-container-detail-info-mobile img {
    height: calc(100vw * 33 / 390);
    margin: 0 calc(100vw * 5 / 390);
    width: auto;
  }
  #l-ranking .l-ranking__responsive2-container-detail::after {
    content: "";
    position: absolute;
    left: calc(100vw * 14 / 390);
    bottom: 0;
    width: calc(100vw * 378 / 390);
    border-bottom: 1px solid #e6e6e6;
  }
  #l-ranking .l-ranking__main {
    display: none;
    /*前回のディスプレイ
           display: flex;
           justify-content: center;
           align-items: center;
           &-box{
               width:100vw;
           }
           img{
               display: none;
           }
           &-container:not(:first-of-type) {//最初のコンテナだけ表示させる
               display: none;
           }
           &-container{
               height: spbasic(367.3);
               width:spbasic(372);
               margin:0 spbasic(0);
               border:none;
               &-title{
                   display: none;
               }
               &-detail{
                   display: flex;
                   padding-top: spbasic(13.8);
                   padding-bottom: spbasic(11.5);
                   width:spbasic(345.4);
                   height: spbasic(73.46);
                   img{
                       display:block;
                       width:spbasic(48.44);
                       height: spbasic(48.44);
                   }
                   &-number1{
                       align-items: flex-start;
                       margin:0 spbasic(7.56);
                       width: spbasic(11.3);
                       height: spbasic(11.3);
                       font-size: spbasic(9.38);
                   }
                   &-number2{
                       margin:0 spbasic(7.56);
                       width: spbasic(11.3);
                       height: spbasic(11.3);
                       font-size: spbasic(9.38);
                   }
                   &-number3{
                       margin:0 spbasic(7.56);
                       width: spbasic(11.3);
                       height: spbasic(11.3);
                       font-size: spbasic(9.38);
                   }
                   &-number{
                       margin:0 spbasic(7.56);
                       width: spbasic(11.3);
                       height: spbasic(11.3);
                       font-size: spbasic(9.38);
                   }
                   &-info{
                       width: auto;
                       height: spbasic(48);
                       line-height: 1;
                       &-title{
                           font-size: spbasic(12.5);
                           color: #333333;
                       }
                       &-mobile{
                           width: spbasic(101.8);
                           img{
                               display:block;
                               height:spbasic(13.1);
                               width: auto;
                           }
                       }
                   }
               }
               &-detail::after{
                   display: none;
               }
           }
       }
       .l-ranking__pagenation{
           display: none;
       }
    */
  }
  #l-preview {
    height: calc(100vw * 210 / 390);
    border-top: none;
    margin-top: calc(100vw * 10 / 390);
  }
  #l-preview .l-preview__title {
    margin: 0 0 calc(100vw * 8.16 / 390) calc(100vw * 12.5 / 390);
    font-size: calc(100vw * 20.32 / 390);
  }
  #l-preview .l-preview__main {
    border-top: 1px solid #e6e6e6;
    padding: calc(100vw * 13.8 / 390) 0;
  }
  #l-preview .l-preview__main-box {
    width: 100vw;
  }
  #l-preview .l-preview__main img {
    display: none;
  }
  #l-preview .l-preview__main-container:nth-child(3) {
    display: none;
  }
  #l-preview .l-preview__main-container {
    height: calc(100vw * 180 / 390);
    width: calc(100vw * 181.35 / 390);
    margin: 0 calc(100vw * 6.2 / 390);
    border-radius: 0;
  }
  #l-preview .l-preview__main-container img {
    display: block;
    width: calc(100vw * 71.5 / 390);
    height: calc(100vw * 71.5 / 390);
    margin-top: calc(100vw * 7.6 / 390);
  }
  #l-preview .l-preview__main-container-explanation {
    margin-top: calc(100vw * 0 / 390);
    width: calc(100vw * 167 / 390);
    height: calc(100vw * 36 / 390);
    font-size: calc(100vw * 12 / 390);
    line-height: 1.6;
    letter-spacing: calc(100vw * 0 / 390);
  }
  #l-preview .l-preview__main-container-title {
    margin-top: calc(100vw * 0 / 390);
    width: calc(100vw * 160 / 390);
    height: calc(100vw * 20 / 390);
    font-size: calc(100vw * 12 / 390);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  #l-preview .l-preview__main-container-mobile {
    display: flex;
    justify-content: center;
    width: calc(100vw * 99 / 390);
    margin-top: 0;
  }
  #l-preview .l-preview__main-container-mobile img {
    height: calc(100vw * 27 / 390);
    width: auto;
  }
  #l-preview .l-preview__pagenation {
    display: none;
  }
  #l-userreview {
    height: calc(100vw * 239.3 / 390);
    border-top: 1px solid #e6e6e6;
    background-color: #fff;
  }
  #l-userreview .l-userreview__title {
    margin: calc(100vw * 27.6 / 390) 0 calc(100vw * 13.5 / 390) calc(100vw * 12.5 / 390);
    padding: 0;
    font-size: calc(100vw * 20.32 / 390);
  }
  #l-userreview .l-userreview__main {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
  }
  #l-userreview .l-userreview__main-container:not(:first-of-type) {
    display: none;
  }
  #l-userreview .l-userreview__main-container {
    height: calc(100vw * 145 / 390);
    width: 100%;
    margin: calc(100vw * 13.75 / 390) calc(100vw * 20.9 / 390) 0 calc(100vw * 10.55 / 390);
  }
  #l-userreview .l-userreview__main-container-info {
    justify-content: flex-start;
    margin-top: calc(100vw * 7.5 / 390);
    padding-left: calc(100vw * 9 / 390);
  }
  #l-userreview .l-userreview__main-container-info img {
    width: calc(100vw * 43.58 / 390);
    height: calc(100vw * 43.58 / 390);
  }
  #l-userreview .l-userreview__main-container-info-explanation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: calc(100vw * 13.08 / 390);
    width: 85%;
    margin-left: calc(100vw * 15 / 390);
    padding: 0 0 calc(100vw * 10 / 390);
  }
  #l-userreview .l-userreview__main-container-info-explanation-title {
    width: 80%;
    height: auto;
  }
  #l-userreview .l-userreview__main-container-info-explanation-icon {
    display: flex;
    align-items: center;
  }
  #l-userreview .l-userreview__main-container-info-explanation-icon img {
    width: calc(100vw * 11 / 390);
    height: auto;
    margin-right: calc(100vw * 3 / 390);
  }
  #l-userreview .l-userreview__main-container-user {
    display: flex;
    padding-left: calc(100vw * 9 / 390);
    margin-left: 0;
  }
  #l-userreview .l-userreview__main-container-user img {
    width: calc(100vw * 43.58 / 390);
    height: calc(100vw * 43.58 / 390);
  }
  #l-userreview .l-userreview__main-container-user-info {
    margin-top: calc(100vw * 13 / 390);
    margin-left: calc(100vw * 8 / 390);
  }
  #l-userreview .l-userreview__main-container-user-info-star {
    letter-spacing: calc(100vw * -1.5 / 390);
    font-size: calc(100vw * 18 / 390);
  }
  #l-userreview .l-userreview__main-container-user-info img {
    width: calc(100vw * 17.5 / 390);
    height: calc(100vw * 5 / 390);
    margin-bottom: calc(100vw * 8 / 390);
  }
  #l-userreview .l-userreview__main-container-comment {
    padding: 0 calc(100vw * 9 / 390);
    line-height: calc(100vw * 10 / 390);
    margin: basic(20) auto;
    width: 100%;
    font-size: calc(100vw * 13.08 / 390);
  }
  #l-userreview .l-userreview__main-container-link {
    line-height: calc(100vw * 10 / 390);
    padding-right: calc(100vw * 8 / 390);
    width: 100%;
    font-size: calc(100vw * 10.24 / 390);
  }
  #l-userreview .l-userreview__pagenation {
    align-items: center;
    margin-top: 0;
    background-color: #f2f2f2;
    height: calc(100vw * 27.54 / 390);
  }
  #l-userreview .l-userreview__pagenation-main {
    display: block;
    margin: 0 calc(100vw * 2.185 / 390);
    width: calc(100vw * 4.37 / 390);
    height: calc(100vw * 4.37 / 390);
  }
  #l-userreview .l-userreview__pagenation-sub {
    display: block;
    margin: 0 calc(100vw * 2.185 / 390);
    width: calc(100vw * 4.37 / 390);
    height: calc(100vw * 4.37 / 390);
  }
  #l-popularcategories {
    height: calc(100vw * 240 / 390);
    margin-top: calc(100vw * 10 / 390);
  }
  #l-popularcategories .l-popularcategories__title {
    padding: calc(100vw * 21.6 / 390) 0 calc(100vw * 10 / 390) calc(100vw * 12.5 / 390);
    font-size: calc(100vw * 20.32 / 390);
    border-bottom: calc(100vw * 1 / 390) solid #e6e6e6;
  }
  #l-popularcategories .l-popularcategories__main {
    margin: calc(100vw * 7.07 / 390) auto;
    -moz-column-gap: calc(100vw * 7.2 / 390);
         column-gap: calc(100vw * 7.2 / 390);
    row-gap: calc(100vw * 4.54 / 390);
    width: calc(100vw * 370 / 390);
  }
  #l-popularcategories .l-popularcategories__main-container {
    height: calc(100vw * 25.62 / 390);
    width: calc(100vw * 181.35 / 390);
  }
  #l-popularcategories .l-popularcategories__main-container img {
    width: calc(100vw * 14.65 / 390);
    height: calc(100vw * 14.65 / 390);
    margin-left: calc(100vw * 5.8 / 390);
  }
  #l-popularcategories .l-popularcategories__main-container-link {
    font-size: calc(100vw * 12.525 / 390);
    margin-left: calc(100vw * 4 / 390);
  }
  #l-categorysearch {
    height: calc(100vw * 274 / 390);
    border-top: 1px solid #e6e6e6;
  }
  #l-categorysearch .l-categorysearch__title {
    margin: calc(100vw * 36.3 / 390) 0 calc(100vw * 13.5 / 390) calc(100vw * 12.5 / 390);
    padding: 0;
    font-size: calc(100vw * 20.32 / 390);
  }
  #l-categorysearch .l-categorysearch__tag {
    width: 100%;
    height: calc(100vw * 13.01 / 390);
    font-size: calc(100vw * 10.28 / 390);
  }
  #l-categorysearch .l-categorysearch__tag-selected {
    width: calc(100vw * 54.3 / 390);
    height: 100%;
    border-radius: calc(100vw * 5.53 / 390) calc(100vw * 5.53 / 390) 0 0;
  }
  #l-categorysearch .l-categorysearch__tag-unselected {
    width: calc(100vw * 54.3 / 390);
    height: 100%;
    border-radius: calc(100vw * 5.53 / 390) calc(100vw * 5.53 / 390) 0 0;
  }
  #l-categorysearch .l-categorysearch__choicecategory {
    width: 100%;
    height: calc(100vw * 18.35 / 390);
  }
  #l-categorysearch .l-categorysearch__choicecategory-name {
    width: calc(100vw * 60.9 / 390);
    height: calc(100vw * 8.04 / 390);
    margin-left: calc(100vw * 4 / 390);
    margin-top: calc(100vw * 8.3 / 390);
    font-size: calc(100vw * 13.12 / 390);
  }
  #l-categorysearch .l-categorysearch__details {
    width: 100%;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    font-size: calc(100vw * 14.06 / 390);
  }
  #l-categorysearch .l-categorysearch__details-title {
    margin-left: calc(100vw * 8.4 / 390);
    margin-top: calc(100vw * 11.7 / 390);
    margin-bottom: calc(100vw * 2.4 / 390);
  }
  #l-categorysearch .l-categorysearch__details-title::before {
    content: "";
    display: inline-block;
    width: calc(100vw * 2.89 / 390);
    height: calc(100vw * 7.75 / 390);
    margin-right: calc(100vw * 3 / 390);
  }
  #l-categorysearch .l-categorysearch__details-container {
    width: 100%;
  }
  #l-categorysearch .l-categorysearch__details-container-app {
    border: calc(100vw * 1 / 390) solid #e6e6e6;
    height: calc(100vw * 13.68 / 390);
  }
  #l-categorysearch .l-categorysearch__details-container-app-title {
    margin-left: calc(100vw * 26.5 / 390);
  }
  #l-categorysearch .l-categorysearch__details-container-app-title img {
    width: calc(100vw * 9.09 / 390);
    height: calc(100vw * 9.09 / 390);
    margin-right: calc(100vw * 17.8 / 390);
  }
  footer {
    height: calc(100vw * 110 / 390);
    font-size: calc(100vw * 14 / 390);
    line-height: 1.3;
  }
  footer .footer__logo img {
    height: calc(100vw * 70 / 390);
  }
  footer .footer__block {
    display: flex;
    width: 90vw;
    height: 60%;
    justify-content: space-between;
    align-items: center;
  }
}/*# sourceMappingURL=responsive.css.map */