@charset "utf-8";

/* ============================================================

[ information ]
概要 : ディレクトリ専用のインポート設定

============================================================ */

@import url(../../common/css/base.css);
@import url(../../common/css/navi.css);
@import url(../../common/css/content.css);
@import url(../../common/css/content_top.css);
@import url(../../common/css/module.css);
/* @import url(directory_i.css); */


/* ---------------------------------------------------------
■■レスポンシブ用sytle■■ 
    - 2018/06 : 追加
--------------------------------------------------------- */

/* タブレット・スマホ以下 */
@media screen and  (max-width:750px){
    #flashArea{
        display: none;
    }
    div.setImg div.col_00,
    div.setImg div.col_01{
        width: 100% !important;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
    div.setImg.paddingTop20{
        padding-top: 0;
        margin-top: 0;
    }
    .col_01 img{
        width: 100%;
        height: auto;
    }
    
    #contentNoSideNavi .tableWrap:nth-child(11){
        overflow: auto;
        white-space: nowrap;
        padding-top: 24px;
        padding-bottom: 5px;
        position: relative;
    }
    #contentNoSideNavi .tableWrap:nth-child(11)::before{
        content: "スクロールしてご覧ください";
        display: block;
        font-size: 13px;
        width: 15em;
        height: 24px;
        font-weight: bold;
        color: #FFF;
        box-sizing: border-box;
        padding: 4px 3px 0 15px;
        background: url(/common/img/icons/ico_arrow_right_red_03.png) no-repeat rgba(0,91,172,0.8) left 5px center / 6px auto;
        position: absolute;
        top: 0;
        left: 0;
    }
    #contentNoSideNavi .tableWrap:nth-child(11) table{ width: 100%; }
    #contentNoSideNavi .tableWrap:nth-child(11)::-webkit-scrollbar{ height: 5px; }
    #contentNoSideNavi .tableWrap:nth-child(11)::-webkit-scrollbar-track{ background: #F1F1F1; }
    #contentNoSideNavi .tableWrap:nth-child(11)::-webkit-scrollbar-thumb{ background: #BCBCBC; }
    
}