@charset "UTF-8";
/*===========================================
About
===========================================*/

/*-------------------------------------------
Chairman
-------------------------------------------*/
.chairmanTalk p{
	text-indent:2em;
}
.history dl{
	display:-webkit-box; display:-ms-flexbox;
	display:flex; display:-webkit-flex;
	flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;
	margin:0;
}
	.history dt{
		width:15%;
		border-bottom:1px solid #1c2b41;
		padding:10px;
		color:#1c2b41;
	}
	.history dt:nth-of-type(1){
		background-color:#f1f1f1;
		border:none;
	}
	.history dd{
		margin:0;
		width:85%;
		border-bottom:1px solid #ddd;
		padding:10px 20px;
		display:-webkit-box; display:-ms-flexbox;
		display:flex; display:-webkit-flex;
		flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;
	}
	.history dd:nth-of-type(1){
		background-color:#f1f1f1;
		border:none;
		font-size:95%;
		color:#111;
	}
		.history dd > div{
			flex:1; -webkit-flex:1; -ms-flex:1;
		}
		.history dd > div:nth-child(3){
			flex:2; -webkit-flex:2; -ms-flex:2;
		}
			.history dd > div br{
				display:inline-block;
				content:"";
				margin-right:1em;
			}
@media screen and (max-width:768px){/* Pad */
	.history dt{
		padding:10px 0;
	}
	.history dd{
		padding:10px 8px;
	}
	.history dd > div:nth-child(1){
		flex:1.2; -webkit-flex:1.2; -ms-flex:1.2;
	}
	.history dd > div:nth-child(3){
		flex:2.5; -webkit-flex:2.5; -ms-flex:2.5;
	}
}
@media screen and (max-width:667px){/* i6,i7,i8 Landscape */
	.history dd > div br{
		display:block;
		margin-right:0;
	}
	.history dd > div:nth-child(1),
	.history dd > div:nth-child(3){
		flex:1; -webkit-flex:1; -ms-flex:1;
	}
}
@media screen and (max-width:440px){/* i16 Pro Max */
	.history dt{
		width:70px;
	}
	.history dd{
		width:calc(100% - 70px);
	}
}

/*-------------------------------------------
Constitution
-------------------------------------------*/
.constitution .modifyDate{
	font-size:85%;
	color:#777;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
}
.constitution .partTitle{
	background-color:#f4f4f4;
	padding:10px;
}
.constitution dl{
	display:-webkit-box; display:-ms-flexbox; display:flex;
    flex-wrap:wrap; -ms-flex-wrap:wrap;
	margin:0;
	padding-bottom:20px;
}
	.constitution dt{
		width:6em;
		padding:10px;
		color:#f39a3c;
		text-align:right;
	}
	.constitution dd{
		margin:0;
		width:calc(100% - 6em);
		border-bottom:1px solid #ddd;
		padding:10px;
	}
		.constitution ol,
		.constitution ul{
			margin:5px 0;
			padding-left:1.7em;
		}
@media screen and (max-width:768px){/* Pad */
	.constitution dt{
		padding-left:0;
	}
	.constitution dd{
		padding-right:0;
	}
}
@media screen and (max-width:440px){/* i16 Pro Max */
	.constitution dt{
		width:100%;
		padding:0;
		text-align:left;
		border:none;
	}
	.constitution dd{
		width:100%;
		padding:5px 0 10px;
		margin-bottom:10px;
	}
}

/*-------------------------------------------
Rosters
-------------------------------------------*/
.current_rosters .articleTitle span,
.history_rosters .articleTitle span{
    color:#1c2b41;
    font-size:120%;
    margin:0 2px;
}
.current_rosters .articleTitle .period,
.history_rosters .articleTitle .period{
    color:#999;
    font-size:1rem;
    margin-left:5px;
}
.rosters dl{
	display:flex;
    flex-wrap:wrap;
	margin:-10px 0 0;
    --rosters-dt-width:140px;
}
	.rosters dt{
		width:var(--rosters-dt-width);
		padding:10px 0;
		color:#1c2b41;
		font-size:110%;
		border-bottom:1px solid #aaa;
	}
	.rosters dd{
		margin:0;
		width:calc(100% - var(--rosters-dt-width));
		border-bottom:1px solid #e3e3e3;
		padding:10px 3px;
	}
		.rosters dd span{
			display:inline-block;
			margin:0 .25em;
            min-width:3em;
            white-space:nowrap;
		}
		.rosters dd small{
			color:#999;
		}
@media screen and (max-width:667px){/* i6,i7,i8 Landscape */
    .rosters dl{
        --rosters-dt-width:110px;
    }
        .rosters dt{
            padding-left:0;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .current_rosters .articleTitle .period,
    .history_rosters .articleTitle .period{
        display:block;
        font-size:.875rem;
        margin:3px 0 5px;
    }
}
@media screen and (max-width:360px){/* i12 Mini, Xiaomi 2S */
    .current_rosters .articleTitle .period,
    .history_rosters .articleTitle .period{
        font-size:.75rem;
    }
}
@media screen and (max-width:320px){/* i5, SE */
    .rosters dl{
        --rosters-dt-width:85px;
    }
}

/*-------------------------------------------
History Rosters
-------------------------------------------*/
.history_rosters .rosters_content{
    padding:20px 0 30px;
}
.history_rosters .rosters_content:nth-of-type(even){
    background-color:#f5f5f5;
}
.history_rosters .rosters_content:first-of-type{
    padding-top:0;
}
    .history_rosters .rosters_content:first-of-type .articleTitle::before{
        content:"本屆";
        display: inline-block;
        background-color:#FFE793;
        border-radius: 30px;
        color:#111;
        font-size:.875rem; font-weight:400;
        line-height:1;
        padding:3px 10px;
        position:absolute; bottom:calc(100% - 3px);
    }
        .history_rosters .rosters dt{
            padding:5px 0;
        }
        .history_rosters .rosters dd{
            padding:5px 3px;
        }

/*-------------------------------------------
Committee
-------------------------------------------*/
.current_committee .articleTitle span{
    color:#1c2b41;
    font-size:120%;
    margin:0 2px;
}
.current_committee .articleTitle .period{
    color:#999;
    font-size:1rem;
    margin-left:5px;
}
.committee{
	position:relative;
	padding-left:230px;
	border-bottom:1px solid #ccc;
	margin:15px 0;
}
	.committeeName{
		margin:14px 0;
		color:#1c2b41;
		font-size:110%; font-weight:400; line-height:1;
		position:absolute; left:0; top:0;
	}
		.committeeName small{
			display:block;
			margin-top:10px;
			font-size:80%;
			color:#777;
		}
	.committee dl{
		display:flex;
		flex-wrap:wrap;
		margin:0 0 -1px;
        --committee-dt-width:150px;
	}
		.committee dt{
			width:var(--committee-dt-width);
			padding:10px 0;
			color:#1c2b41;
			border-bottom:1px solid #aaa;
		}
		.committee dd{
			margin:0;
			width:calc(100% - var(--committee-dt-width));
			border-bottom:1px solid #e3e3e3;
			padding:10px 3px;
		}
			.committee dd span{
				display:inline-block;
				margin:0 .25em;
                min-width:3em;
                white-space:nowrap;
			}
@media screen and (max-width:768px){/* Pad */
	.committee{
		padding-left:180px;
	}
		.committeeName span{
			display:block;
			margin-top:5px;
		}
}
@media screen and (max-width:576px){
    .committee dl{
        --committee-dt-width:125px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .current_committee .articleTitle .period{
        font-size:.875rem;
    }
	.committee{
		padding-left:0; padding-bottom:20px;
		border-bottom:0;
	}
		.committeeName{
			margin:20px 0 0;
			position:static;
			font-size:115%; font-weight:700;
			background-color:#f4f4f4;
			padding:10px 5px;
		}
			.committeeName span{
				display:inline;
			}
            .committee dl{
                --committee-dt-width:150px;
            }
}
@media screen and (max-width:375px){/* SE, iX, XS, i11 Pro, i13 Mini, i6, i7, i8 */
    .committee dl{
        --committee-dt-width:140px;
    }
        .committee dd span{
            margin:0;
        }
}
@media screen and (max-width:360px){/* i12 Mini, Xiaomi 2S */
    .current_committee .articleTitle .period{
        font-size:.75rem;
    }
}