@media (min-width: 321px) and (max-width: 768px) {
    #wrapper .wrap_outchat #link-top2 a.button-link-drawer:nth-child(1) {
        min-height: 54px;
    }

    .fc-view>table{
        bottom: 14px;
    }

    .slick-slide{
        height: auto !important;
    }
    #calendar .fc-basic-view .fc-body .fc-row {
        height: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .item_info .photo #MainPhoto {
        min-width: 245px;
        min-height: 245px
    }

    .item_info .extra-section.color {
        min-height: 83px;
    }

    .item_info .extra-section.size {
        min-height: 123px;
    }

    .item_info .extra-section.size .slider {
        min-height: 49px;
    }

    #wrapper .wrap_outchat, #wrapper .wrap_outchat #link-top2 {
        min-height: 66px;
    }

    #footer {
        min-height: 690px;
    }

    #wrapper .wrap_outchat .link-top2-ouside {
        height: auto;
    }

    #wrapper .wrap_outchat {
        min-height: 66px;
        display: block !important;
    }

    #wrapper .item_info .photo ul li img {
        min-height: 50px;
    }
    #main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
        min-height: 95px;
    }
}

@media screen and (max-width: 280px) {
    #main_visual_other #mv_banner {
        min-height: 120px;
    }
}

@media (max-width: 299px) {
    .portrait.android #wrapper #header .tab-add-nav li:nth-child(2) .item-nav span,
    .portrait.android #wrapper #header .tab-add-nav li:nth-child(3) .item-nav span,
    .portrait.android #wrapper #header .tab-add-nav li:nth-child(4) .item-nav span {
        font-size: 7px;
    }

    .portrait.android #wrapper #header .tab-add-nav li {
        height: 57px;
        overflow: hidden;
    }

    .portrait.android #wrapper #header .tab-add-nav,
    .portrait.android #wrapper #header .tab-add-nav li {
        height: 50px;
        overflow: hidden;
    }

    #wrapper #header {
        height: 115px !important;
        overflow: hidden;
    }

    .portrait.android #wrapper #header .tab-add-nav li:nth-child(1) .item-nav span {
        height: auto;
        display: block;
        overflow: hidden;
        font-size: 8px !important;
    }
}

@media (max-width: 319px) {
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 68px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 57px;
    }
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.box > img {
        min-height: 270px;
    }
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 85px;
    }
    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 68px;
    }
}

@media screen and (min-width: 320px) {
    .item_info .extra-section.color .slider .slick-list .slick-track .slick-slide img {
         min-width: 32px;
     }
    #main_visual_other #mv_banner {
        min-height: 120px;
        width: 100%;
    }
    #wrapper #wrapper_s1 .banners_s1 .container_s1 .swiper-container {
        min-height: 122px;
    }

    .portrait.android #wrapper #contents #sidebar > div.sidebar-block > div.row > div.info-design-tool.red.left > div.image > img {
        min-height: 80px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 75px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 63px;
    }
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.box > img {
        min-height: 270px;
    }
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 92px;
    }
    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 68px;
    }
}

@media screen and (min-width: 360px) {
    #main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
        min-height: 107px;
        transform: scale(1);
    }
    .item_info .extra-section.color .slider .slick-list .slick-track .slick-slide img {
         min-width: 35px;
    }

    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 103px;
    }

    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 85px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 71px;
    }
    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 78px;
    }
}
@media screen and (min-width: 375px) {
    #main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
        min-height: 112px;
    }

    #main_visual_other #mv_banner {
        min-height: 136px;
    }
    .item_info .photo #MainPhoto {
        min-width: 256px;
        min-height: 256px;
    }

    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 88px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 75px;
    }
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 108px;
    }
    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 81px;
    }
}
@media screen and (min-width: 384px) {
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 110px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 90px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 76px;
    }
    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 83px;
    }
}
@media screen and (min-width: 412px) {
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 119px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 98px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 82px;
    }

    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 90px;
    }
}
@media screen and (min-width: 600px) {
    #main_visual_other #mv_banner {
        min-height: 190px;
    }
    .item_info .photo #MainPhoto {
        min-width: 413px;
        min-height: 413px;
    }

    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 145px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 122px;
    }
    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 174px;
    }

    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 135px;
    }
}
@media screen and (min-width: 768px) {
    #main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
        min-height: 228px;
        width: 100%;
    }
    #main_visual_other #mv_banner {
        min-height: 253px;
    }
    .item_info .photo #MainPhoto {
        min-width: 531px;
        min-height: 531px;
    }

    .portrait.android #wrapper #contents #sidebar > div.sidebar-info > div.banner-box > ul > li > a > img {
        min-height: 223px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li > a > img {
        min-height: 188px;
    }
    .portrait.android #wrapper #contents #sidebar > div:nth-child(2) > ul > li:nth-child(4) > a > img {
        min-height: 158px;
    }
    #wrapper #contents #main #tabs-1 > div > div > div:nth-child(1) > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active > ul.color_list > li img {
        min-height: 175px;
    }
    .bcp-title02 {
        height: 185px!important;
    }
    .bcp-title01 {
        min-height: 128px!important;
    }
}

.sp-w-100{
    width: 100%;
}

@media (min-width: 670px) {
    #main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
        min-height: 244px;
    }

}
#main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
    height: auto;
    transform: scale(1);
}
.fix-cls-boxs {
    min-height: 1011px;
    width: 100%;
}
#main_visual_other {
    min-height: 139px;
}
#main_visual_other #mv_banner .mv_slide_selector .slick-dots {
    min-height: 23px;
}
.display-none {
    visibility: hidden;
}
.slick-slide img {
    visibility: visible !important;
}
@media (min-width: 414px) {
    #main_visual_other #mv_banner .mv_slide_selector .slick-track .slick-slide a img {
        min-height: 123px;
    }

}
.contact .form textarea {
    min-height: 184px;
    resize: none;
}
#wrapper .wrap_outchat {
    height: auto;
    display: block!important;
}

.click-chat {
    width: 53px;
    height: auto;
}

#upt-chat-container.eyecatcher {
    opacity: 0;
    visibility: hidden;
}
#upt-chat-container {
    opacity: 1;
    visibility: visible;
}
