@charset "UTF-8";

/*カラー一括置換用  --------------------

背景色：#fff
サブ背景色：#ddd
文字色：#000
メインの色：#006f97
リンク色：#888
線：#aaa

-----------------------------------*/

#page .mainImg {
    background: url(/images/products/main-pic_products.jpg) no-repeat;
}

#page #products #sidebar ul li a {
    font-size: 14px;
    line-height: 1.9;
}
.viewcolor {
    color: #006f97!important;
}
#page #products #main figure figcaption a {
    padding-left: 22px;
    background: url(/images/products/xps_icon.gif) no-repeat;
    background-size: contain;
    font-size: 13px!important;
}
#page #products #main .midashiC {
    padding-top: 111px;
    margin-top: -100px;
}
#page #products #main .midashiC:before {
    top: 101px;
}
#page.en #products #main .midashiC {
    text-align: left;
}
#page #products #sidebarSP {
    display: none;
}
#page #products #main table.moduleTable th {
    text-align: left;
}
#page.en #main ul.moduleList li {
  text-align: left;
}

@media screen and (max-width: 760px) {
  #page .pageTtl h2 {
    font-size: 49px;
  }
    #page #products #main .pageTtl h2 {
        font-size: 49px;
    }
    #page #products #main .pageTtl {
        margin-top: 20px;
    }
    #page #products #main {
        padding: 0 20px;
    }
    #page #products #main .midashiC {
        padding-top: initial;
        margin-top: initial;
    }
    #page #products #main .midashiC:before {
        top: initial;
    }
    #page #products #main .imgLeft figure {
        padding: 0 0 10px 0;
        float: none;
        margin: 0 auto;
    }
    #page #products #main .imgRight figure,
    #page #products #main .imgLeft figure {
        width: 260px;
    }
    #page #products #main .imgRight figure img,
    #page #products #main .imgLeft figure img {
        width: 260px;
    }
    #page #products #main table.moduleTable th {
        padding-bottom: 0;
        display: table-cell;
        text-align: left;
        min-width: 89px;
        padding: 10px 4px;
    }
    #page #products #main table.moduleTable td {
        line-height: 1.5;
        padding-top: 14px;
        display: table-cell;
        text-align: left;
        padding: 10px 4px;
    }
    #page #main ul.moduleList li {
        margin-left: 0;
    }
    #page #products #main .imgRight .txt table.moduleTable, #page #main .imgLeft .txt table.moduleTable {
        width: 100%;
    }
    .layout-two-column-left .contentIn {
        padding-bottom: 0;
    }
    #page #products .contentIn {
        margin-bottom: 0;
    }
    #page #products #sidebar {
        display: none;
    }
    #page #products #sidebarSP {
        display: block;
        margin-bottom: 40px;
        border-bottom: 1px solid #aaa;
        text-align: center;
        padding-bottom: 7px;
    }
    #page #products #sidebarSP h3 {
        color: #fff;
        text-align: center;
        background: #006f97!important;
        margin-bottom: 5px;
    }
    #page #products #sidebarSP ul li ul {
        padding: 0 20px;
    }
    #page #products #sidebarSP ul li {
        list-style-type: none;
        /*float: left;*/
        /*text-align: left;*/
        letter-spacing: -1px;
        font-size: 13px;
    }
    /*#page #products #sidebarSP ul li:after {
        content: "/";
        display: inline-block;
        padding: 0 10px;
    }*/
    /*#page #products #sidebarSP ul li:last-child:after {
        display: none;
    }*/
    #page #products #sidebarSP ul {
        display: inline-block;
        /*padding: 0 10px;*/
        text-align: center;
    }
}