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

	ウェブアクセシビリティ

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


/* - トップページ
------------------------------------------------------------ */


/* ----- リンクリスト ----- */

ul.link_list {
	background-color: #ebebeb;
	padding: 5px;
}

ul.link_list > li { padding: 5px; }

ul.link_list > li > a {
	display: block;
	background-color: #fff;
	/*padding: 15px 10px;*/
    padding: 15px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	text-decoration: none;
	color: #333;
	line-height: 1.4;
	font-size: 1.4rem;
	font-weight: bold;
	color: #06a;
}

ul.link_list > li > a:hover { background-color: #fff8e1; }

/* --- ボタン内テキストセンタリング --- */
ul.link_list.center > li > a { text-align: center; }


/* - テキスト複数行パターン
------------------------------------------------------------ */
ul.link_list > li > a > .inner { display: table; }

ul.link_list.center > li > a > .inner {
    display: table;
    margin: 0 auto;
    width: auto;
}

ul.link_list > li > a > .inner > span {
    display: table-cell;
    vertical-align: middle;
}

ul.link_list > li > a > .inner > span.icon {
    padding-right: 0.5em;
    color: #188542;
}


/* - 複数カラム（2列・3列・4列・5列）
------------------------------------------------------------ */
ul.link_list.multi:after { content: ''; display: block; clear: both; }
ul.link_list.multi > li { float: left; }/* --- 複数カラム（+.multi） --- */

ul.link_list.multi.div2 > li { width: 50%; }
ul.link_list.multi.div3 > li { width: 33.33%; }
ul.link_list.multi.div4 > li { width: 25%; }
ul.link_list.multi.div5 > li { width: 20%; }


ul.link_list > li > a > i {
	margin-right: 0.5em;
	color: #188542;
}



/* - ウェブアクセシビリティ方針
------------------------------------------------------------ */

#accessibility {
	margin-top: 30px;
	box-sizing: border-box;
}

.support_block h5 {
	/*margin-bottom: 15px;*/
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 4px;
	background-color: #eee;
    color: #188542;
	color: #1b521f;
	padding: 8px;
}

.support_block {
	padding-top: 15px;
	/*border-bottom: 1px solid #f0ede7;*/
}

.support_block ul {
	list-style-type: disc;
	/*margin: 0.5em 0;*/
}

.support_block ul li {
	padding-left: 0px;
    margin-left: 20px;
	line-height: 1.8;
	font-size: 1.4rem;
}

.support_block > ul > li > ul {
	list-style-type: circle;
	margin: 0.5em 0 1em 0;
}

.support_block > ul > li > ul > li {
	font-size: 1.3rem;
	color: #188542;
	color: #1b521f; 
}

.support_block > ul > li > ul > li > span {
	font-size: 1.3rem;
	color: #555;
}


.ex_block > ul {
	list-style-type: disc;
	margin: 0.5em 0;
}

.ex_block > ul > li {
	padding-left: 0px;
    margin-left: 20px;
	line-height: 1.8;
	font-size: 1.4rem;
}

.ex_block > ul > li > span {
	font-weight: bold;
	color: #188542;
}

.criterion > ul > li {
	display: table;
	font-size: 1.4rem;
	line-height: 1.8;
}

.criterion > ul > li > span {
	display: table-cell;
}

a.link_url { word-break: break-all; }




/* - JIS X 8341-3:2016 附属書JBに基づく試験結果表示
------------------------------------------------------------ */
.contents_header.opt > h2 > span.inner {
    display: table;
    width: 100%;
}

.contents_header.opt > h2 > span.inner > span {
    display: table-cell;
    vertical-align: middle;
}

.contents_header.opt > h2 > span.inner > span.opt {
    text-align: right;
    font-size: 1.2rem;
}

ul.simple_list {
    list-style: disc;
}

ul.simple_list > li {
    padding-left: 0px;
    margin-left: 20px;
    line-height: 1.8;
    font-size: 1.4rem;
}

/* - 試験を行ったウェブページのURI
------------------------------------------------------------ */
ul.page_list > li {
    word-wrap: break-word;
    overflow-wrap: break-word;
}



/* - アクセシビリティ達成基準チェックリスト
------------------------------------------------------------ */
table.kijun_check_list {
    width: 100%;
    font-size: inherit;
}
caption.simple.title-s > .inner > div.main,
table.kijun_check_list > caption {
    font-weight: bold;
    text-align: left;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

table.kijun_check_list thead tr > th {
    color: #333;
    font-weight: normal;
    background-color: #eaeade;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 1.3rem;
    vertical-align: middle;
    line-height: 1.3;
    white-space: nowrap;
}

table.kijun_check_list thead tr > th:nth-child(4),
table.basic.kijun_check_list thead tr > th:nth-child(5){
    width: 50px;
}

table.kijun_check_list thead tr > th:last-child {
    width: 180px;
}

table.kijun_check_list tbody tr > th {
    background-color: #eaeade;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 1.3rem;
    font-weight: bold;
    vertical-align: middle;
    background-color: #eee;
}

table.kijun_check_list tbody tr > td {
    border: 1px solid #ccc;
    padding: 5px 8px;
    font-size: 1.3rem;
    vertical-align: middle;
    line-height: 1.3;
    text-align: left;
}


table.kijun_check_list tbody tr > td:nth-child(3){
    text-align: center;
}

table.kijun_check_list tbody tr > td:nth-child(4){
    text-align: center;
}

table.kijun_check_list tbody tr > td:nth-child(5){
    text-align: center;
}

table.kijun_check_list tbody tr > td:last-child {
    font-size: 1.2rem;
}



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

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
    
    #accessibility { padding: 0 10px; }
	
    
    
    table.kijun_check_list thead tr > th:nth-child(3){
        width: 50px;
    }
    
}


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

	768px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    .contents_header.opt > h2 > span.inner {
        /*display: table;
        width: 100%;
        */
        display: block;
    }

    .contents_header.opt > h2 > span.inner > span {
        /*display: table-cell;
        vertical-align: middle;*/
        display: block;
    }
    
    .contents_header.opt > h2 > span.inner > span.main {
        padding-bottom: 8px;
    }
    .contents_header.opt > h2 > span.inner > span.opt {
        text-align: right;
        font-size: 1.2rem;
        
        text-align: left;
        padding-top: 8px;
        
        border-top: 1px dashed #ddd;
    }
	
}



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

	〜639px

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

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


	ul.link_list.multi.div2 > li {
		display: block;
		width: 100%;
	}
    
    table.kijun_check_list thead tr > th:last-child {
        width: auto;
        
    }
    
    table.kijun_check_list thead tr > th:nth-child(3) {
        width: 48px;
    }
    
    table.kijun_check_list thead tr > th:nth-child(4) {
        width: 40px;
    }
    
    table.kijun_check_list thead tr > th:last-child {
        width: 100px;
    }
table.basic.kijun_check_list thead tr > th:last-child{
        width: 180px;
}
    
    table.kijun_check_list tbody tr > td {
        padding: 5px;
        font-size: 1.2rem;
    }
    
    table.kijun_check_list tbody tr > td:last-child {
        font-size: 1.1rem;
    }
}



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

	〜479px

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

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

	ul.link_list.center > li > a {
		text-align: left;
	}

	ul.link_list.multi.div2 > li a {
		text-align: left;
	}
    
    table.kijun_check_list thead tr > th {
        font-size: 1.2rem;
    }
    
    table.kijun_check_list thead tr > th:last-child {
        width: 60px;
        width: 50px;
    }
    
    table.kijun_check_list thead tr > th:nth-child(3) {
        width: 30px;
    }
    
    table.kijun_check_list tbody tr > th {
        font-size: 1.1rem;
    }
    
}