/* /Pages/Account/MyPage.cshtml.rz.scp.css */
.subtitle[b-vop1l1q72r] {
	font-weight: bold;
}

.email[b-vop1l1q72r]{
}

.zipNo[b-vop1l1q72r] {
	width: 100px;
	background-color: aqua;
}

input.zipNo[b-vop1l1q72r] {
	width: 100px;
	background-color:aquamarine;
}

.input-validation-error.zipNo[b-vop1l1q72r]{
	background-color:bisque;
}

.form-control.zipNo[b-vop1l1q72r]{
	background-color:blue;
}

.designOption[b-vop1l1q72r]{
	height : 50px;
	width:200px;
	object-fit:none;
}

.designOptionDiv[b-vop1l1q72r]{
	display:flex;
	flex-direction:column;
	align-items:center;
}

table td[b-vop1l1q72r] {
	padding: 5px;
}

.designCircle[b-vop1l1q72r]{
	height:50px;
	width:50px;
}
/* /Pages/Account/MyRatingHistory.cshtml.rz.scp.css */
.center[b-tej7ooykt7] {
	text-align: center;
}

.footer[b-tej7ooykt7] {
	display: flex;
	gap: 20px;
	justify-content: center;
}
/* /Pages/Account/NewApplication.cshtml.rz.scp.css */
td[b-wi0lj0wx3p]{
	padding-left:10px;
}

.required[b-wi0lj0wx3p] {
	color:brown;
}

.pages[b-wi0lj0wx3p]{
	display:flex;
	gap:2em;
}
/* /Pages/Message/Message.cshtml.rz.scp.css */
body[b-4h34m5py78] {
}

.filler[b-4h34m5py78]{
	width:20%;
}

.send[b-4h34m5py78]{
	background-color:aqua;
}

.receive[b-4h34m5py78]{
	background-color:lightgray;
}

.center[b-4h34m5py78]{
	text-align:center;
}

.footer[b-4h34m5py78] {
	display: flex;
	gap: 20px;
	justify-content: center;
}
/* /Pages/Message/MessageChannel.cshtml.rz.scp.css */
body[b-uk2rysje4w] {
}

.channelTable[b-uk2rysje4w]{
	table-layout:auto;
	border-spacing:10px;
}

.channelTd[b-uk2rysje4w]{
	margin-left:10px;
	margin-right:10px;
}
/* /Pages/Play/Game.cshtml.rz.scp.css */

.GameBase[b-na1wqe3kf6] {
	display:inline-block;
}

.GameTitle[b-na1wqe3kf6]{
	background-color:lightskyblue;
	display:flex;
}

	.GameTitle.EndGame[b-na1wqe3kf6] {
		background-color: silver;
	}

h4[b-na1wqe3kf6]{
	margin-left:1em;
	align-content:center;
}

h4.MyTurn[b-na1wqe3kf6]{
	color:red;
}

.Situation[b-na1wqe3kf6]{
	color:black;
	background-color:lightgray;
}
	.Situation.mark[b-na1wqe3kf6]{
		color:red;
	}
	.Situation.next[b-na1wqe3kf6] {
		display:inline;
		margin-left:1em;
	}
	.Situation.nextMark[b-na1wqe3kf6] {
		color:blue;
	}

.Goke[b-na1wqe3kf6] {
/*	border-right-style:solid;
	border-right-color:black;
	border-right-width:thin;
*/
	width:100px;
}

	.Goke.Turn[b-na1wqe3kf6] {
		background-color: yellow;
	}

	.Goke.White[b-na1wqe3kf6] {
		background-color: snow;
	}

	.Goke.Black[b-na1wqe3kf6] {
		background-color: dimgrey;
	}

.WhitePlayer[b-na1wqe3kf6] {
	height: 1em;
	background-color: snow;
	color: black;
}

.BlackPlayer[b-na1wqe3kf6] {
	height: 1em;
	background-color: dimgrey;
	color: white;
}

.PlayerName[b-na1wqe3kf6] {
}

.CuputuredStones[b-na1wqe3kf6]{
	display:block;
	text-align:right;
}

.RemainingTime[b-na1wqe3kf6] {
	display: block;
	text-align: right;
}

	.RemainingTime.CountDown[b-na1wqe3kf6] {
		color: red;
	}

.GobanFloor[b-na1wqe3kf6] {
/*	display: flex;
	width: max-content;
*/}

.MovingMode[b-na1wqe3kf6] {
	background-color: darkseagreen;
}

	.MovingMode.MyTurn[b-na1wqe3kf6] {
		background-color: greenyellow;
	}

	.MovingMode.EndGame[b-na1wqe3kf6] {
		background-color: silver;
	}

.CalculationMode[b-na1wqe3kf6] {
	background-color: orange;
}

.ResultInfo[b-na1wqe3kf6]{
	background-color:orangered;
}

.SymbolMode[b-na1wqe3kf6]{
	background-color:brown;
}

.GobanBack[b-na1wqe3kf6]{
	margin:10px;
}

.Condition[b-na1wqe3kf6]{
	background-color:lightgray;
}
	.Condition.Handicap[b-na1wqe3kf6]{
		margin-left:1em;
	}

.PlayersPanel[b-na1wqe3kf6]{
	margin:10px 10px 10px 10px;
	display:inline-block;
	min-width:500px;
}

.CanvasBase[b-na1wqe3kf6]{
	display:flex;
	justify-content:center;
}

.black-turn[b-na1wqe3kf6] {
	cursor: url('../image/MoveB.ico') 16 8, default;
}

.white-turn[b-na1wqe3kf6] {
	cursor: url('../image/MoveW.ico') 16 8, default;
}

.symbolPanel[b-na1wqe3kf6]{
	display:inline-block;
	padding:4px 8px 4px 8px;
	background-color:darksalmon;
}

.symbolChar[b-na1wqe3kf6]{
	width:2em;
}

.commentView[b-na1wqe3kf6]{
	background-color :lightgreen;
}

.comment[b-na1wqe3kf6] {
	width:100%;
	white-space: pre-line;
}

.quoteButton[b-na1wqe3kf6] {
	background-color: lightgray;
	/*	text-align:right;*/
}

form[b-na1wqe3kf6]{
	width:max-content;
}

.button[b-na1wqe3kf6]{
	display:inline-block;
}

button.inactive[b-na1wqe3kf6] {
	display: inline-block;
	cursor: default;
	justify-content:center;
	align-content:center;
}

.notify-message[b-na1wqe3kf6]{
	margin-bottom:1em;
}

.request-take-back-dialog[b-na1wqe3kf6]{
	display:flex;
	flex-direction:column;
}

.approve-take-back-dialog[b-na1wqe3kf6]{
	display:flex;
	flex-direction:column;
}

.stone-replacing-dialog[b-na1wqe3kf6]{
	display:flex;
	flex-direction:column;
}

.suggest-cancellation-dialog[b-na1wqe3kf6] {
	display: flex;
	flex-direction: column;
}

.dialog-buttons[b-na1wqe3kf6]{
	margin-top:10px;
	display:flex;
	gap:10px;
}

dialog[b-na1wqe3kf6] {
	position: absolute;
}

.unread-button[b-na1wqe3kf6]{
	text-align:left;
}

.Tooltip[b-na1wqe3kf6] {
	--_bg: #000;
	--_color: #fff;
	--_triangle-size: 5px;
	--_gap: 3px;
	position: absolute;
	z-index: 1;
	display: block;
	/* ツールチップのみため */
	width: max-content;
	max-width: 150px;
	padding: 10px;
	background-color: var(--_bg);
	color: var(--_color);
	text-align: left;
	border-radius: 8px;
	font-size: 12px;
	/* 表示・非表示の指定 */
	visibility: hidden;
	opacity: 0;
}

	/* ツールチップが上に表示される場合 */
	.Tooltip.-top[b-na1wqe3kf6] {
		bottom: calc(100% + var(--_triangle-size) + var(--_gap));
		left: 50%;
		translate: -50% var(--_y, 0);
	}

	/* ツールチップが下に表示される場合 */
	.Tooltip.-bottom[b-na1wqe3kf6] {
		top: calc(100% + var(--_triangle-size) + var(--_gap));
		left: 50%;
		translate: -50% var(--_y, 0);
	}

	/* ツールチップが右に表示される場合 */
	.Tooltip.-right[b-na1wqe3kf6] {
		bottom: 50%;
		left: calc(100% + var(--_triangle-size) + var(--_gap));
		translate: var(--_x, 0) 50%;
	}

	/* ツールチップが左に表示される場合 */
	.Tooltip.-left[b-na1wqe3kf6] {
		bottom: 50%;
		right: calc(100% + var(--_triangle-size) + var(--_gap));
		translate: var(--_x, 0) 50%;
	}

	/*
  △を擬似要素で作成
*/
	.Tooltip[b-na1wqe3kf6]::before {
		position: absolute;
		margin: auto;
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
	}

	/* ツールチップが上に表示される場合の△ */
	.Tooltip.-top[b-na1wqe3kf6]::before {
		bottom: calc(var(--_triangle-size) * -1);
		right: 0;
		left: 0;
		border-width: var(--_triangle-size) var(--_triangle-size) 0 var(--_triangle-size);
		border-color: var(--_bg) transparent transparent transparent;
	}

	/* ツールチップが下に表示される場合の△ */
	.Tooltip.-bottom[b-na1wqe3kf6]::before {
		top: calc(var(--_triangle-size) * -1);
		right: 0;
		left: 0;
		border-width: 0 var(--_triangle-size) var(--_triangle-size) var(--_triangle-size);
		border-color: transparent transparent var(--_bg) transparent;
	}

	/* ツールチップが左に表示される場合の△ */
	.Tooltip.-left[b-na1wqe3kf6]::before {
		top: 0;
		bottom: 0;
		right: calc(var(--_triangle-size) * -1);
		border-width: var(--_triangle-size) 0 var(--_triangle-size) var(--_triangle-size);
		border-color: transparent transparent transparent var(--_bg);
	}

	/* ツールチップが右に表示される場合の△ */
	.Tooltip.-right[b-na1wqe3kf6]::before {
		top: 0;
		bottom: 0;
		left: calc(var(--_triangle-size) * -1);
		border-width: var(--_triangle-size) var(--_triangle-size) var(--_triangle-size) 0;
		border-color: transparent var(--_bg) transparent transparent;
	}

	/* 透明な要素を背面に敷くことでツールチップにマウスをのせやすくする */
	.Tooltip[b-na1wqe3kf6]::after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	/* ツールチップが上に表示される場合 */
	.Tooltip.-top[b-na1wqe3kf6]::after {
		top: 100%;
		left: 0;
		height: calc(var(--_triangle-size) + var(--_gap));
	}

	/* ツールチップが下に表示される場合 */
	.Tooltip.-bottom[b-na1wqe3kf6]::after {
		bottom: 100%;
		left: 0;
		height: calc(var(--_triangle-size) + var(--_gap));
	}

	/* ツールチップが左に表示される場合 */
	.Tooltip.-left[b-na1wqe3kf6]::after {
		top: 0;
		left: 100%;
		width: calc(var(--_triangle-size) + var(--_gap));
	}

	/* ツールチップが右に表示される場合 */
	.Tooltip.-right[b-na1wqe3kf6]::after {
		top: 0;
		right: 100%;
		width: calc(var(--_triangle-size) + var(--_gap));
	}

/*
  ツールチップがあることを、支援技術に伝えるための非表示テキスト
*/
.Tooltip_Body[b-na1wqe3kf6] {
	display: block;
}

	.Tooltip_Body[b-na1wqe3kf6]::before {
		content: "。ツールチップあり：";
		position: absolute;
		clip: rect(1px, 1px, 1px, 1px);
		clip-path: inset(50%);
		height: 1px;
		width: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
	}

/*
  対象の要素の周囲に表示されるツールチップを上下左右に配置するために親要素をrelativeにする
  ※親要素のpositionの値を自身で調整したい場合は不要
*/
.TooltipContainer[b-na1wqe3kf6] {
	position: relative;
	display: inline-block;
}

	/*
  ホバー、フォーカス、アクティブ時にツールチップを表示する
*/
	.TooltipContainer:is(:hover, :focus-visible, :focus-within, :active) > .Tooltip[b-na1wqe3kf6] {
		visibility: visible;
		opacity: 1;
	}

/*
  no-preferenceはprefers-reduced-motionの設定を行なっていない場合
  アニメーションさせる
*/
@media (prefers-reduced-motion: no-preference) {
	/* フェードアウト用の指定 */
	.Tooltip[b-na1wqe3kf6] {
		transition: visibility 0s linear 0.1s, opacity 0.1s, translate 0.1s;
	}
	/* フェードイン用の指定 */
	.TooltipContainer:is(:hover, :focus-visible, :focus-within, :active) > .Tooltip[b-na1wqe3kf6] {
		transition: visibility 0s linear 0s, opacity 0.3s, translate 0.3s;
	}
	/*
    ホバー・フォーカス・アクティブ時にツールチップをCSS Transitionさせるため
    ホバー・フォーカス・アクティブ時でないときに、初期位置を指定する
  */
	.TooltipContainer:not(:is(:hover, :focus-visible, :focus-within, :active)) > .Tooltip.-top[b-na1wqe3kf6] {
		--_y: var(--_gap);
	}

	.TooltipContainer:not(:is(:hover, :focus-visible, :focus-within, :active)) > .Tooltip.-bottom[b-na1wqe3kf6] {
		--_y: calc( var(--_gap) * -1);
	}

	.TooltipContainer:not(:is(:hover, :focus-visible, :focus-within, :active)) > .Tooltip.-left[b-na1wqe3kf6] {
		--_x: var(--_gap);
	}

	.TooltipContainer:not(:is(:hover, :focus-visible, :focus-within, :active)) > .Tooltip.-right[b-na1wqe3kf6] {
		--_x: calc(var(--_gap) * -1);
	}
}
/* /Pages/Room/GameConditionSetting.cshtml.rz.scp.css */
button[b-z48h3w5sk1]{
	margin-left:1em;
}
/* /Pages/Room/PlayRoom.cshtml.rz.scp.css */
.table[b-08v1utdv0f] {
	--bs-table-color: inherit;
	--bs-table-bg: inherit;
}

.row-my-turn[b-08v1utdv0f] {
	color: red;
	background-color: pink;
}

	.row-my-turn.unread[b-08v1utdv0f] {
		color: black;
		font-weight: bold;
		background-color: deeppink;
	}

.row-myteam-turn[b-08v1utdv0f]{
	color:black;
	background-color: lightpink;
}
	.row-myteam-turn.unread[b-08v1utdv0f] {
		color: black;
		background-color: hotpink;
	}

.row-opponent-turn[b-08v1utdv0f] {
	color: black;
	background-color: lightskyblue;
}

	.row-opponent-turn.unread[b-08v1utdv0f] {
		color: black;
		background-color: deepskyblue;
	}

.row-my-proposal[b-08v1utdv0f]{
	color:black;
	background-color:yellow;
}

.row-opponent-proposal[b-08v1utdv0f]{
	color:black;
	background-color:lightyellow;
}

.row-my-consent[b-08v1utdv0f]{
	color:black;
	background-color:gold;
}

.row-opponent-consent[b-08v1utdv0f]{
	color:black;
	background-color:wheat;
}

.row-watching[b-08v1utdv0f]{
	color:black;
	background-color:lightsteelblue;
}
	.row-watching.unread[b-08v1utdv0f] {
		color: black;
		font-weight:bold;
		background-color: steelblue;
	}

.row-finalizing[b-08v1utdv0f] {
	color: black;
	background-color: lavender;
}

	.row-finalizing.unread[b-08v1utdv0f] {
		color: black;
		font-weight: bold;
		background-color: lavenderblush;
	}

.row-ended[b-08v1utdv0f] {
		color: black;
		background-color: gray;
	}

	.row-ended.unread[b-08v1utdv0f] {
		color: deeppink;
		font-weight:bold;
		background-color: darkslategray;
	}

.row-watching-ended[b-08v1utdv0f] {
	color: black;
	background-color: lightslategray;
}
	.row-watching-ended.unread[b-08v1utdv0f] {
		color: beige;
		font-weight:bold;
		background-color: darkslategrey;
	}

.row-suggestion-cancellation[b-08v1utdv0f] {
	color: black;
	background-color: violet;
}

.row-waiting-cancellation-approval[b-08v1utdv0f] {
	color: green;
	font-weight:bold;
	background-color: magenta;
}

.condition[b-08v1utdv0f] {
}
	.condition.criteria[b-08v1utdv0f] {
		display:flex;
		align-items:center;
	}

.center[b-08v1utdv0f] {
	text-align: center;
}

.footer[b-08v1utdv0f] {
	display: flex;
	gap: 20px;
	justify-content: center;
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-x6wzw8oqtq] {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

a[b-x6wzw8oqtq] {
	color: #0077cc;
}

.btn-primary[b-x6wzw8oqtq] {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.nav-pills .nav-link.active[b-x6wzw8oqtq], .nav-pills .show > .nav-link[b-x6wzw8oqtq] {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.border-top[b-x6wzw8oqtq] {
	border-top: 1px solid #e5e5e5;
}

.border-bottom[b-x6wzw8oqtq] {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-x6wzw8oqtq] {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-x6wzw8oqtq] {
	font-size: 1rem;
	line-height: inherit;
}

.footer[b-x6wzw8oqtq] {
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px;
}

/*.container {
	margin-left:0 auto;
}
*/