/************************************************

中温用エアコン・冷凍冷蔵ユニット（低温用エアコン)事業部　独自CSS

*************************************************/

/************************
　　　　　共通
************************/


img {
    image-rendering: -webkit-optimize-contrast;
}


/*ローカルナビゲーション*/

.g-lnav p>span {
    padding: 12px 18px;
}



.g-lnav li.g-lnav_lv1_el.g-lnav-cur {
    background-color: #fff;
}

.g-lnav li.g-lnav_lv1_el.g-lnav-cur a,
.g-lnav li.g-lnav_lv1_el.g-lnav-cur span {
    color: #19a3d1;
    font-weight: bold;
}

.g-lnav li.g-lnav_lv1_el.g-lnav-cur li.g-lnav_lv2_el a {
    color: #000;
    font-weight: normal;
}

.g-lnav_lv2 .g-lnav-cur {
    background-color: #e0ffff;
}


.g-lnav .g-lnav_lv1_el.g-lnav-cur:before {
    display: none;
}


.g-lnav_lv1_el_cv li {}

.g-lnav_lv1_el_cv a {
    padding: 4px 8px;
    background-color: #E0FFFF;
    border-radius: 5px;
    margin: 0 3px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);

}

.g-lnav_lv1_el_cv a:hover {
    text-decoration: none;
}

.g-lnav_lv1_el_cv li a:before {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    pointer-events: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA07";
    margin-right: 6px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

/*ローカルナビゲーションの孫要素 2022.05.29*/
.g-lnav_lv2_el {
    position: relative;
}

.g-lnav_lv3_list {
    background-color: pink;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    display: none;
}

.g-lnav_lv3_list.js-isShown {
    display: block;
}


/*製品ラインアップ*/


.prod-box {
    padding: 20px;
    background-color: #F7F7F7;
}

.c-middle {
    color: #00A984;
}

.c-low {
    color: #3974B9;
}

.c-c-unit {
    color: #1bb8ce;
}

.c-freezing {
    color: #1bb8ce;
}

.c-option {
    color: #395A8C;
}


.prod-line-top.c-middle {
    border-top: 10px solid #00A984;
}

.prod-line-top.c-low {
    border-top: 10px solid #3974B9;
}

.prod-line-top.c-c-unit {
    border-top: 10px solid #1bb8ce;
}

.prod-line-top.c-freezing {
    border-top: 10px solid #1bb8ce;
}

.prod-line-top.c-option {
    border-top: 10px solid #395A8C;
}

a.prod-line-top {
    color: #333;
}


/*事例*/

.cs-d-box {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 10px #c1c0c0;
    margin: 0 1px 3px;
    border: 5px solid #fff;
}

.cs-d-box:hover {
    background-color: #fbfbfb;
    border: 5px solid #2a357e;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.cs-d-box:active {
    color: #000;
}


.cs-img {
    position: relative;
}

.cs-category-place {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 10px;
}

.cs-category-place.c-place01 {
    background-color: #2A635C;
    /*生産地*/
}

.cs-category-place.c-place02 {
    background-color: #283583;
    /*中継地*/
}

.cs-category-place.c-place03 {
    background-color: #377EAA;
    /*消費地*/
}



.cs-text {
    color: #000 !important;
}

.cs-category {
    font-size: 12px;
    padding: 0 0 5px;
    display: block;
}

.cs-category:before {
    content: "";
    display: inline-block;
    height: 1.2rem;
    width: 18px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    margin: 0 5px;
}

.cs-category.c-warehouse:before {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/common/images/cs/icon-warehouse svg");
}

.cs-category.c-factory:before {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/common/images/cs/icon-factory svg");
}

.cs-category.c-store:before {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/common/images/cs/icon-store svg");
}

.cs-category.c-agriculture:before {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/common/images/cs/icon-agriculture svg");
}

.cs-category.c-stocker:before {
    width: 0;
    margin: 0;
}







/************************
　　　　　TOP
************************/



/*MVスライダー*/

#top.g-poster .slick-dots {
    display: none !important;
}

#top .g-poster_el {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


#top .g-poster_el-1 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider01 png");
}

#top .g-poster_el-2 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider02 png");
}

#top .g-poster_el-3 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider03 png");
}

#top .g-poster_el-4 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider04 png");
}

#top .g-poster_el-5 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider05 png");
}

#top .g-poster_el-6 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider06 png");
}

#top .g-poster_el-7 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider_orange png");
}

#top .g-poster_el-8 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_slider_green png");
}

#top .g-poster_el-9 {
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/images/bg_fooma png");
}


/*事例*/

.cs-link img {
    max-width: 311px;
    height: 84px;
}

#cs .cs-d-box img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}


.cs-link a {
    background-color: #2A357E;
    font-size: 16px;
    padding: 15px 40px;
    letter-spacing: 0.1rem;
    font-weight: normal;
    border-radius: 5px;
    color: #fff;
}

.cs-link a:before {
    content: "";
    display: inline-block;
    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/catalog/chutei/common/images/cs/icon-cs_w svg");
    height: 1.8rem;
    width: 26px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    margin: 2px 10px 0 0;
}

.cs-link:hover {
    opacity: .7;
}





/************************
　　　　　下層
************************/


/*MV*/

div.sec-mv {
    position: relative;
    margin: 0 -15px;
}

div.sec-mv .g-box {
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    top: 25%;
    z-index: 1;
}

div.sec-mv2 {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    position: relative;
}

div.sec-mv2 .g-box {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 25%;
    z-index: 1;
}




/*見出し*/

.c-main {
    color: #0098CC;
}


h1.hero-tit {
    background-color: #0098CE;
    color: #fff;
    width: 40%;
    padding: 38px 20px 30px 50px;
    text-align: left;
    font-size: 26px;
    letter-spacing: 0.1rem;
    line-height: 1.4;
    margin: 0 0 10px;
    box-shadow: 0px -5px 25px rgb(0 0 0 / 30%);
}


h1.hero-tit span.en-tit,
.page-tit span.en-tit {
    display: block;
    font-size: 16px;
    margin: 0 0 10px -50px;
}

h1.hero-tit span.en-tit:before,
.page-tit span.en-tit:before {
    content: "";
    width: 40px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    margin: 0 10px 5px 0;
}


h1.hero-tit span.hero-subtit,
.page-tit span.hero-subtit {
    display: block;
    font-size: 14px;
    margin: 0px 0 12px 0;
}


div.sec-mv2 h1.hero-tit {
    background-color: transparent;
    color: #00a984;
    box-shadow: none;
    width: 64%;
    height: 100px;
    padding: 15px 0px 0px 0px;
}

div.sec-mv2 h1.hero-tit span.en-tit:before {
    display: none;
}

div.sec-mv2 h1.hero-tit span.en-tit,
div.sec-mv2 .page-tit span.en-tit {
    display: block;
    font-size: 16px;
    margin: 0 0 10px 0px;
}

h2.sec-tit {
    margin: 22px 0;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.1rem;
}

h2.sec-tit:before {
    content: "";
    width: 40px;
    height: 2px;
    background-color: #0098CC;
    display: inline-block;
    margin: 0 10px 10px 0;
}




.line-tit,
h3.line-tit {
    margin: 15px 0;
    border-left: 4px solid #19a0ce;
    padding: 0 0 0 10px;
    line-height: 1.4;
    letter-spacing: 0.1rem;
}

.point-tit {
    background-image: linear-gradient(130deg, #19a3d1 15px, transparent 0);
    padding: 5px 0 0 15px;
}



.bgc-tit span {
    background-color: #3973b8;
    color: #fff;
    padding: 5px;
}


.fukidashi {
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 15px;
    min-width: 120px;
    max-width: 100%;
    font-size: 14px;
    background: #C4DEF4;
}

.fukidashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 4%;
    margin-left: 0;
    border: 10px solid transparent;
    border-top: 10px solid #C4DEF4;
}

.fukidashi strong {
    margin: 0;
    padding: 0;
}

.border_tit:after {
    content: "";
    display: block;
    background-color: #19A0CE;
    width: 60px;
    height: 3px;
    margin: 10px auto;
}


.product_navi a {
    color: #000;
}

div#sc99 a,
div#sc3.cs-box a {
    color: #000;
}



/*関連製品リンク*/

.products-subbgc {
    padding: 10px;
    color: #fff;
}

.p-category {
    padding: 5px 8px;
    font-size: 11px;
    margin: 0 0 10px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}



#sc1 .p-category {
    padding: 5px 10px;
    font-size: 10px;
}


/*中温用配色*/

.middle_aircon .products-c {
    color: #00A984;
}


.p-mid_air,
.middle_aircon .products-mainbgc {
    background-color: #00A984;
    color: #fff;
}




.middle_aircon .g-column-white.g-mb-20 {
    border-top: 5px solid #00A984;
}



/*低温用配色*/

.low_aircon .products-c {
    color: #3974B9;
}


.p-low_air,
.low_aircon .products-mainbgc {
    background-color: #3974B9;
    color: #fff;
}


.low_aircon .products-subbgc {
    background-color: #8AB5E1;
}


.low_aircon #s1 .g-column-white.g-mb-20 {
    border-top: 5px solid #3974B9;
}


/*その他ラインナップ用配色*/

.c-unit .products-c,
.freezing .products-c {
    color: #29B8CE;
}


.p-c-unit,
.c-unit .products-mainbgc,
.p-freezing,
.freezing .products-mainbgc {
    background-color: #29B8CE;
    color: #fff;
}


.c-unit .products-subbgc,
.freezing .products-subbgc {
    background-color: #245493;
}


.c-unit .g-column-white.g-mb-20,
.freezing .g-column-white.g-mb-20 {
    border-top: 5px solid #29B8CE;
}






/*オプション配色*/
.option .products-c {
    color: #395A8C;
}


.p-option,
.option .products-mainbgc {
    background-color: #395A8C;
    color: #fff;
}


.option .products-subbgc {
    background-color: #D8E1EB;
    color: #395A8C;
}




.option .products-c {
    color: #395A8C;
}


#sc1 .g-navbox_cell.g-column-white {
    border-top: 5px solid #395A8C;
}



/*サービス*/

.service .products-c {
    color: #952356;
}

.p-service,
.service .products-mainbgc {
    background-color: #952356;
    color: #fff;
}

/**********************************************************
 *
 * レスポンシブ
 *
***********************************************************/

/*表示切り替え*/

.pc.tb {
    display: block;
}

@media (max-width: 960px) {
    .pc {
        display: none;
    }
}

@media (min-width: 480px) {
    .sp {
        display: none;
    }
}

@media screen and (min-width:481px) and (max-width:959px) {
    .tb.sp {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .pc.tb {
        display: none !important;
    }
}


/*レスポンシブ個別*/


/*タブレット*/
@media only screen and (max-width: 1112px) {

    div.sec-mv .g-box {
        top: 6vh;
    }


    h1.hero-tit {
        width: 40%;
        height: auto;
        padding: 15px 0px 15px 30px;
        font-size: 20px;
    }

    h1.hero-tit.p-etc_product {
        width: 48% !important;
        padding: 15px 0px 15px 30px;
        text-align: left;
    }

}

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

    /*ローカルナビゲーション*/
    .g-lnav p>span {
        padding: 14px 15px 14px 65px;
    }

    .g-lnav_lv1_el_cv {
        width: 80%;
        margin-left: 50px;
        float: none;
        position: relative;
        font-size: 14px;
    }

    .g-lnav_lv1_el_cv a {
        padding: 5px 5%;
        text-align: center;
    }

    .g-lnav li.g-lnav_lv1_el.g-lnav-cur a {
        color: #fff;
    }


    /*TOPスライダー*/

    #top .g-poster_el {
        background-size: cover;
    }


    /*下層*/
    .g-page-dept .g-lnav+.g-main {
        padding-top: 50px;
    }


    /*下層MV*/
    .sec-mv img.g-img.tb.sp {
        width: 100%;
        height: 34vh;
        object-fit: cover;
    }

    div.sec-mv .g-box {
        top: 9vh;
    }

    h1.hero-tit {
        font-size: 20px;
        height: auto;
        padding: 18px 0px 18px 30px;
        text-align: left;
    }

    h2.sec-tit {
        font-size: 20px;
    }

    div.sec-mv .g-box {
        left: 0;
    }

}


/*スマホ*/

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


    /*TOP*/

    .g-page-dept .g-lnav+.g-main .g-poster {
        margin-top: 0;
    }

    #news.g-section-lg .g-pr-50 {
        padding-right: 0px !important;
    }



    /*下層*/

    .g-page-dept .g-lnav+.g-main {
        padding-top: 72px;
    }

    .sec-mv img.g-img.tb.sp {
        width: 100%;
        height: 25vh;
        object-fit: cover;
    }


    h1.hero-tit {
        font-size: 20px;
        width: 50% !important;
        height: auto !important;
        min-height: auto;
        padding: 10px 0px 10px 20px;
        font-size: 14px;
        letter-spacing: 0.1rem;
        line-height: 1.1;
        margin: 0;
    }

    h1.hero-tit.p-etc_product {
        min-height: auto;
    }


    div.sec-mv .g-box {
        top: 3vh;
    }


    h1.hero-tit span.hero-subtit,
    .page-tit span.hero-subtit {
        font-size: 10px;
    }

    h1.hero-tit span.en-tit,
    .page-tit span.en-tit {
        font-size: 10px;
        margin: 0 0 10px -20px;
    }

    h1.hero-tit span.en-tit:before,
    .page-tit span.en-tit:before {
        width: 10px;
    }

    .product_d_box.c-unit .page-tit span.hero-subtit,
    .product_d_box.freezing .page-tit span.hero-subtit,
    .product_d_box.option .page-tit span.hero-subtit {
        margin: 0 0 0 20px !important;
    }







    h2.sec-tit {
        font-size: 16px;
        margin: 0 0 10px;
    }

    h2.sec-tit:before {
        width: 15px;
    }

    .line-tit,
    h3.line-tit {
        letter-spacing: 0;
    }

    h3.page-outline {
        font-size: 14px;
    }


    div.sec-mv2 h1.hero-tit span.en-tit,
    div.sec-mv2 .page-tit span.en-tit {
        font-size: 10px;
    }

    div.sec-mv2 h1.hero-tit {
        width: 70%;
        height: 120px;
        padding: 0px 0px 0px 15px;
        font-size: 18px;
    }


}








.g-label-1,
.g-label-2,
.g-label-3,
.g-label-4,
.g-label-5 {
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.g-info .g-label-1,
.g-info .g-label-2,
.g-info .g-label-3,
.g-info .g-label-4,
.g-info .g-label-5 {
    margin: 0 5px 10px 0;
}

.g-label-1 {
    background-color: #e8e8e8;
}

.g-label-2 {
    background-color: #c4c4c4;
}

.g-label-3 {
    background-color: #fff;
    border: 1px solid #ccc;
}

.g-label-4 {
    background-color: #c1dcea;
}

.g-label-5 {
    background-color: #fc6c6c;
    color: #fff;
}