@charset "utf-8";
/**************************/
/* 棋戦・詰将棋選択コンボ */
/* zshogi/mini-shogi.css  */
/**************************/
.mini-shogi {
	background-color: #ffffff;
	font-size: small;
	border: 1px solid #bbd;
	margin: 8px 4px 2px 4px;
}
/*** 棋戦を選択 ***/
.mini-shogi .select-panel {
	background-color: #fafafa;
	display: flex;
	justify-content: flex-start;
	font-size: 1rem;
}
.game_select select {
	background-color: #fafafa;
	border: 1px solid #bbd;
	border-radius: 4px;
}
.game_select select:hover {
	background-color: wheat;
	color: #800;
}
/************/
/*** 棋士 ***/
/************/
.mini-shogi .white-player {
	padding-top: 10px;
	padding-left: 10px;
}
.mini-shogi .black-player {
	padding-right: 10px;
}
/*** 将棋盤 ***/
.mini-shogi .shogi-diag {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.mini-shogi .shogi-diag a:hover {
	background-color: wheat;
	transition-delay: 0.2s;
}
.mini-shogi .show-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.mini-shogi .score-count {
	font-size: x-small;
	padding-left: 10px;
	padding-top: 1em;
}
.mini-shogi .control-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-bottom: 5px;
}
.mini-shogi .score-tweet {
	line-height: 20px;
	text-align: center;
}
/**************/
/* 操作ボタン */
/**************/
.control-btn {
	line-height: 100%;
	margin: 0px;
	padding: 2px 0 0 0;
}
input {
	border-width: 1px;
	padding: 0px 14px 0px 14px;
	height: 16px;
	cursor: pointer;
	border: 1px solid #a0a0a0;
	border-radius: 3px;
	background-color: #ddd;
}
input:hover {
	border: 1px solid #800;
	background-color: wheat;
}
input[disabled] {
	pointer-events: none;
	opacity: 0.4;
}
input.move-head {
	background-image: url("imgs/ar_head.png");
	background-repeat: no-repeat;
	background-position: center;
}
input.move-prev {
	background-image: url("imgs/ar_prev.png");
	background-repeat: no-repeat;
	background-position: center;
}
input.move-next {
	background-image: url("imgs/ar_next.png");
	background-repeat: no-repeat;
	background-position: center;
}
input.move-tail {
	background-image: url("imgs/ar_tail.png");
	background-repeat: no-repeat;
	background-position: center;
}
input.move-auto {
	margin-left: 6px;
	font-size: 0.8rem;
	padding: 0px 5px 0px 5px;
	color: #222;
}