body  { background-color: #FFFF99; }

h1{ font-size: xx-large; text-align: center;}

h2{ font-size: x-large;  }

h3{ font-size: large; font-weight: 500; }

h4{ font-size: medium; font-weight: 400; }

p { font-size: medium;  }

footer { font-weight: 400; text-align: center;}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 7px 5px; /* パディング（上下、左右） */
background-color: #ccffff; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(../img/topic-path-home-green.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(../img/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}


/******リスト 項目記号は入力******/
ul.item_various {
    padding-left: 0;
}
    ul.item_various li {
        list-style: none;
        text-indent: -1em;
        padding-left: 1em;
        margin-bottom: 4px;
    }
    ul.item_various li:last-child {
         margin-bottom: 0px;
    }

/******リスト 項目記号は入力　ここまで******/

/******図や表を横並びに******/
.flex1 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
    figure img {
        width: 100%;
    }
}
/******図や表を横並びに　ここまで******/

/****コラム　枠線で囲む****/
.column1 {
    display: inline-block;
    margin: 10px;
    padding: 0 20px;
    border: 1px solid #333333;
}
/****コラム　枠線で囲む　ここまで****/

.nowrap {
    white-space: nowrap;
}

/******大学における障害学生受け入れの現状 表******/


/******テーブル全体の定義 table-container******/


.table-container { /***表が画面をはみ出たら横スクロール****/
    overflow-x: auto;
    /*width: 100%;*/
}
.table-container table {
    border-collapse: collapse;
    width: auto; /* 幅を自動にする */
    border: 2px solid rgb(140 140 140);
    letter-spacing: 1px;
    background-color: whitesmoke;
}
.table-container table caption {
    caption-side: top;
    padding: 5px;
}

    .table-container thead,
    .table-container tfoot {
        background-color: lightcyan;
    }
    .table-container th,
    .table-container td {
        border: 1px solid rgb(140 140 140);
        padding: 8px 10px;
    }
    .table-container tbody tr:nth-of-type(even) { /***見やすさのために一行おきに色を変える****/
        background-color: #EEEEEE;
    }

@media screen and (max-width: 600px) {/***小さいタブレットスマホで文字を小さく****/
    .table-container table {
        font-size: 14px;
    }
}
/******テーブル全体の定義 table-container　ここまで******/

/******全体の説明など 一列目のthに色指定しない　各セルはすべて左寄せ　table.nomal***/
table.nomal tr {
    text-align: left;
}
/******全体の説明など 一列目のthに色指定しない　各セルはすべて左寄せ　table.nomal　ここまで***/


/******データの表　一列目のthに色指定・中央寄せ　数字のみ右寄せ table.detail  ******/
table.detail tbody th {
    background-color: #DDDDDD;
}

table.detail tbody td,
table.detail tfoot td { /**データ部分は右寄せ**/
    text-align: right;
}

/**大学種別ごとの回答状況の種別の罫線作成tbody.local1**/
table.detail tbody.local1 th:first-child {
    border: none;
}
table.detail tbody.local1 tr:last-child {
    border: 1px solid rgb(140 140 140) !important;
}
/**大学種別ごとの回答状況の種別の罫線作成ここまで**/


/**受験時の条件のセルの色　３行ごと　tbody.color-3n **/

tbody.color-3n tr {
    background-color: transparent !important; /* まず一旦リセットする */
}
    tbody.color-3n tr:nth-of-type(3n) {
        background-color: #EEEEEE !important; /* 3行ごとに色 */
    }

/**受験時の条件のセルの色　３行ごと　tbody.color-3nここまで**/

/**在籍状況について カテゴリの行に色付け　highlights**/
.highlights, .highlights th {
    background-color: lightsteelblue !important;
}
/**在籍状況について カテゴリの行に色付けここまで**/

/**在籍状況について 増減の矢印センタリング　centerl2**/

.centerl2 td:nth-last-of-type(2) {
    text-align: center;
}
/**在籍状況について 増減の矢印センタリング　centerl2ここまで**/

/**** データの表の表の定義　一列目のthに色指定・中央寄せ　数字のみ右寄せ ****/
/******大学における障害学生受け入れの現状 表 ここまで******/