@charset "utf-8";


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

    .cate_list ul li {
        width: calc(12% - -5px)
    }

    .top_ttl {
    }

    .sect .sect_inner_wrap {
        display: block;
        position: relative;
    }

    .sect .sect_inner_wrap .left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-right: 0 !important;
        margin-bottom: 35px;
    }

    .sect .sect_inner_wrap .left .se_tl {
        margin: 0;
    }

    .sect .sect_inner_wrap .left .more_btn {
        position: absolute;
        right: 0;
    }

    .sect .sect_inner .right {
        width: 100%;
    }

    .sect .right .top_list_wrap {
        /* display: flex; */
    }


    .sect .right .top_list_slide {
        /* width: 50%;
        max-width: ; */
    }


    .sect .slick-arrow.slick-prev {
        left: 15px;
    }

    .sect .sect_inner .bot_slide .item .thumb_box {
        height: inherit;
    }
}

@media screen and (max-width: 1048px) {
    .sect .right .top_list_item .item .thumb_box {
        width: 100%;
    }
}

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

    .in_img img {
        width: 100%;
        height: auto;
    }


    header {
        z-index: 999;
    }

    /* header .wrap_layout { background-color: #d21c55;  } */
    .header_bot .wrap_layout {
        border-left: none;
        border-right: none;
        /*padding-bottom:15px;*/
    }

    .only_w {
        display: none !important;
    }

    .only_m {
        display: block !important;
    }

    aside {
        display: none;
    }

    .slide_arrow {
        display: none;
    }

    /* main */
    .main_v_slider .slick_page .slick-counter {
        padding: 11px 17px;
        font-size: 15px;
        border-radius: 17px;
    }

    .slide_stop {
        width: ;
    }

    /* top_banner */
    .top_banner .bn_top {
        margin: 11.11vw auto 0;
    }

    .top_banner .bn_top a img {
        width: 100%;
    }

    .top_banner .bn_bot {
        display: block;
        margin-top: 2.77vw;
    }

    .top_banner .bn_bot .left a img,
    .top_banner .bn_bot .mid a img,
    .top_banner .bn_bot .right a img {
        width: 100%;
    }

    .top_banner .bn_bot .mid,
    .top_banner .bn_bot .right {
        display: inline-block;
        width: calc(50% - 1.38vw);
    }

    .top_banner .bn_bot .right {
        margin-left: 1.44vw;
    }

    .top_banner .bn_bot > div > a {
        display: block;
    }

    .top_banner .bn_bot > div + div {
        margin: 2.77vw 0 0 0;
    }

    .sect .right .bot_slide .item .item_ico,
    .sect .right .top_list_item .item .item_ico {
        top: 0.465rem !important;
        right: 0.465rem !important;
        width: 2.4rem !important;
        height: 2.4rem !important;
    }

    /* top_banner */
    .prd_ttl h2 {
        font-size: 5vw;
    }

    h2.main_ttl {
        font-size: 5vw;
        margin: 16.666vw auto 6.944vw;
    }

    .top_ttl {
        font-size: 4.5vw;
        margin: 16.666vw auto 2.777vw;
    }

    .sect .sect_inner_wrap {
        padding-top: 5.55vw;
    }

    .sect .sect_inner_wrap .left {
        margin-bottom: 4.166vw;
    }

    .sect .sect_inner_wrap .left .se_tl {
        font-size: 5vw;
    }

    .sect .sect_inner_wrap .left .more_btn {
        position: absolute;
        right: 0;
        width: 16.666vw;
        font-size: 3.611vw;
        background: url(../img/main/more_ico_mo.png) no-repeat right center / 3.611vw;
    }

    .sect .right .top_list_wrap {
        display: block;
    }

    .sect .right .top_list_slide {
        width: 100%;
        max-width: 100%;
    }

    .sect .right .top_list_slide a img {
        width: 100%;
    }

    .sect .slick-dots {
        bottom: 5.55vw;
    }

    .sect .slick-dots li {
        display: flex;
    }

    .sect .slick-dots li button {
        width: 2.22vw;
        height: 2.22vw;
    }

    .sect .slick-dots li + li {
        margin-left: 2.777vw;
    }

    .sect .right .top_list_item {
        margin-left: 0;
        width: 100%;
    }

    .sect .right .top_list_item .item {
        width: calc(50% - 1.388vw);
        max-width: inherit;
        margin-top: 2.77vw;
        border-radius: 2.22vw;
    }

    .sect .right .top_list_item .item + .item {
        margin-left: 2.77vw;
    }

    .sect .right .top_list_item .item .thumb_box {
        border-radius: 2.22vw;
        min-width: 44.44vw;
    }

    .sect .right .top_list_item .item .made {
        font-size: 3.33vw;
        margin-top: 4.166vw;
    }

    .sect .right .top_list_item .item .top {
        font-size: 3.611vw;
        margin: 3.33vw 0;
        max-height: 14.44vw;
    }

    .sect .right .top_list_item .item .pay {
        font-size: 3.611vw;
    }

    .sect .right .top_list_item .item .pay strong {
        font-size: 4.166vw;
    }

    .sect .right .top_list_item .item .above {
        font-size: 3.33vw;
        margin-left: 1.11vw;
    }

    .sect .sect_inner .bot_slide .item {
        width: calc(50% - 1.388vw);
        padding: 0;
        max-width: inherit;
    }

    .sect .sect_inner .bot_slide .slick-track {

    }

    .sect .sect_inner .bot_slide .item .made {
        font-size: 3.33vw;
        margin-top: 4.166vw;
    }

    .sect .sect_inner .bot_slide .item .thumb_box {
        border-radius: 2.22vw;
        width: inherit;
        height: inherit;
        max-height: inherit;
        padding-top: 100%;
    }

    .sect .sect_inner .bot_slide .item .top {
        font-size: 3.611vw;
        margin: 3.33vw 0;
        max-height: 14.44vw;
    }

    .sect .sect_inner .bot_slide .item .pay {
        font-size: 3.611vw;
    }

    .sect .sect_inner .bot_slide .item .pay strong {
        font-size: 4.166vw;
    }

    .sect .sect_inner .bot_slide .item .above {
        font-size: 3.33vw;
        margin-left: 1.11vw;
    }

    .sect .sect_inner .bot_slide .slick-slide + .slick-slide {
        margin-left: 2.77vw;
    }

    .sect .sect_inner .bot_slide .slick-list {
        overflow: visible;
        margin: 0;
    }

    .sect.best_sect .sect_inner_wrap .left {
        margin-right: 0;
    }

    .sect + .sect {
        margin-top: 16.66vw;
    }

    /* cate_list*/
    .prd_ttl {
        padding-bottom: 8.33vw;

    }

    .cate_list {
        padding: 16.66vw 0 0;
    }

    .cate_list .slide_button button {
        padding: 1.66vw;
    }

    .cate_list .slide_button button + button::before {
        left: -0.444vw;
        width: 0.277vw;
        height: 3.33vw;
    }

    .cate_list .slide_button button img {
        height: 3.472vw;
    }

    .cate_list .slider_wrap .slide-item {
        width: 25%;
        padding: 2.5vw 0;
    }

    .cate_list .slide-item .ico_box {
        height: 11.11vw;
        justify-content: center;
        max-width: 11.11vw;
    }

    .cate_list .slide-item .ico_box img {
        width: auto;
        max-height: 100%;
    }

    .cate_list .slide-item p {
        font-size: 3.33vw;
        margin-top: 1.944vw;
    }

    /* cate_list */
    /* mid_banner */
    .mid_banner {
        margin: 16.66vw 0 11.11vw;
    }

    .mid_banner .bnr_slide .item a {
        margin: 0;
        display: block;
        width: 100%;
    }

    .mid_banner .bnr_slide .item a img {
        width: 100%;
    }

    .mid_banner .slick-dots {
        display: flex !important;
        justify-content: center;
        margin-top: 5.55vw;
    }

    .mid_banner .slick-dots li {
        display: flex;
    }

    .mid_banner .slick-dots button {
        font-size: 0;
        width: 2.22vw;
        height: 2.22vw;
        border-radius: 50%;
        background: #e5e5e5;
    }

    .mid_banner .slick-dots .slick-active button {
        background: #acacac;
    }

    .mid_banner .slick-dots li + li {
        margin-left: 2.77vw;
    }

    /* .mid_banner */
    /* 슬라이더 */
    .main_visual {
        margin-top: 0.55vw;
    }

    .main_visual .inner {
        width: 100%;
    }

    .main_v_slider {
        margin: 0;
        min-width: inherit;
    }

    .main_v_slider img {
        width: 100%;
    }

    .main_visual .slick_total {
        left: 0;
        bottom: 10.833vw;
        transform: translateX(0);
    }

    .main_visual .slick_total .pause_btn {
        margin-left: 4.166vw;
        width: 7.5vw;
        height: 7.5vw;
        background: rgba(37, 37, 37, 0.2) no-repeat center /2.361vw;
        background-image: url(/img/btn/slider_stop_mo.png);
    }

    .main_visual .slick_total .pause_btn.play {
        background-image: url(/img/btn/slider_play_mo.png);
    }

    .main_visual .slick_total .slick-counter {
        margin-left: 1.388vw;
        padding: 0 2.638vw;
        font-size: 4.166vw;
        border-radius: 3.75vw;
        background-color: rgba(37, 37, 37, 0.2);
    }

    .main_visual .slick_total span {
        margin: 0 0.833vw;
    }

    /* .slide_use{
        display: block;
        width: 5px;
        height: 8px;
        background: url('../img/btn/mo_pause.png') no-repeat center center/cover;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 15px;
        z-index: 11;
    }

    .slide_use.active{
        background-image: url('../img/btn/mo_play.png');
        width: 5px;
        height: 8px;
    }

    .slick-slider.slider_box_mo {
        visibility: visible;
        height: inherit;
    }
    .slick-slider.slider_box_mo img {
        width: 100%;
    }

    .mo_slider_nav {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .mo_slider_nav>div {
        position: absolute;
        left: 50%;
        top: 0%;
        padding: 4px 0 8px;
        width: 100%;
        transform: translate(-50%, -100%);
        background-color: #4c4c4c;
        text-align: center;
    }

    .mo_slider_nav>div>div {
        display: inline-block !important;
    }

    .mo_slider_nav>div>div a img {
        height: 10px;
        line-height: 10px;
        vertical-align: middle;
    }

    .slick-slider.slider_nav_mo {
        float:left;
        position: absolute; top:0;left:0px; right:0;
        box-sizing: border-box;
        z-index: 9;
    }

    /* .slider_nav_mo .slick-track {
        left: 0 !important;
        right: 0;
        float: left;
        width: auto !important;
    }

    .slider_nav_mo .slick-track .slick-slide.slick-active {
        float: left;
        margin-right: 5px;
        text-align: center;
        width: 10px !important;
    }

    .slider_nav_mo .slick-slide.slick-active a {
        transition: 0.2s;
        display: block;
        box-sizing: border-box;
        height: 10px;
        line-height: 10px;
        background-color: #a6a6a6;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        outline: none;
        border-radius: 50%;
    }

    .slider_nav_mo .slick-slide.slick-current.slick-active a {
        text-align: center;
        color: #fff;
        background-color: #fff;
    } */
    .recommend .img_box img {
        width: 100%;
        height: auto !important;
        /* max-height:120px; */
    }

    .recommend01_mo {
        border-top: solid 1px #dddddd;
        position: relative;
    }

    .recommend01_mo .recom_box {
        display: block;
        /* margin:0 0.35%;  background-color:#f6f6f6; */
        padding: 0 0.5%;
    }

    /* .recommend01_mo .recom_box:nth-child(2n) { margin-right:0; } */
    .recommend01_mo .recom_box a {
        color: #333;
    }

    .recommend01_mo .recom_box .txt_box {
        box-sizing: border-box;
        padding: 20px 0 30px 15px;
        height: 75px;
    }

    .recommend01_mo .recom_box .txt_box h3 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .recommend01_mo .recom_box .txt_box p {
        font-size: 10px;
    }

    .slider_box_mo,
    .mo_slider_nav {
        height: auto;
        visibility: visible;
    }

    /* itme_type01 */
    .itme_type01 {
        margin: 0;
    }

    .itme_type01 > li {
        width: calc(50% - 8px);
        margin: 0 15px 20px 0;
    }

    .itme_type01 > li:nth-child(2n) {
        margin-right: 0;
    }

    .itme_type01 .thum_img {
        text-align: center;
        height: auto;
    }

    .itme_type01 .item_content .ic_subject {
        font-size: 13px;
        margin: 11px 0 3px;
    }

    .itme_type01 .item_content .ic_subject a {
        font-size: 13px;
    }

    .itme_type01 .item_content .ic_setitem {
        font-size: 12px;
    }

    .itme_type01 .item_content .ic_bot {
        margin-top: 5px;
    }

    .itme_type01 .item_content .ic_bot .pay {
        font-size: 12px;
    }

    .itme_type01 .item_content .ic_bot .pay strong {
        font-size: 15px;
    }

    .itme_type01 .item_content .ic_bot .ic_pay .above {
        font-size: 12px;
        margin-left: 7px;
    }

    .itme_type01 .item_content .ic_bot .ic_pay .above + div {
        margin-top: 12px;
    }

    .itme_type01 .item_content .div_info {
        font-size: 12px;
    }

    .itme_type01 .in_icobox {
        top: 10px;
        left: 10px;
    }

    .itme_type01 .in_icobox span {
        max-width: 30px;
    }

    a.go_home {
        max-width: 100%;
        padding: 1.944vw 6.25vw 1.944vw 2.777vw;
        border-radius: 3.33vw;
        background: #fff url('../img/ico/linkhome_arrow_mo.png') no-repeat right 3.472vw top 50%/1.388vw;
    }

    a.go_home span {
        font-size: 2.77vw;
        padding-left: 4.166vw;
        line-height: inherit;
        background: url('../img/ico/linkhome_ico_mo.png') no-repeat left center/3.1944vw;
    }

    /* itme_type01 */
    /* bot_banner */
    .bot_banner {
        display: block;
        margin-top: 16.52vw;
    }

    .bot_banner a img {
        width: 100%;
    }

    /* service_sect */
    .service_sect {
        margin-top: 4.166vw;
    }

    .service_sect .inner {
        display: block;
    }

    .service_sect .inner a img {
        width: 100%;
    }

    .service_sect .ms_box {
        margin-top: 2.5rem;
        margin-left: 0;
        margin-bottom: 2.6rem;
    }

    .service_sect .ms_box .ms_tit {
        font-size: 4.72vw;
        margin-bottom: 4.166vw;
    }

    .service_sect .ms_box .ms_bot {
        font-size: 3.611vw;
    }

    .service_sect .ms_box .call_txt {
        font-size: 6.388vw;
        margin-bottom: 2.77vw;
    }

    .service_sect .ms_btn_wrap {
        margin-top: 6.388vw;
    }

    .service_sect .ms_btn_wrap .btn {
        font-size: 3.611vw;
        width: calc(50% - 1.388vw);
        border-radius: 1.11vw;
        line-height: 12.5vw;
    }

    .service_sect .ms_btn_wrap .btn + .btn {
        margin-left: 2.77vw;
    }

    /* service_sect */
    #container {
        padding-bottom: 0 !important;
    }

    .content {
        padding-bottom: 16.66vw;
    }

}