/*
	--------------------
	フォント
	--------------------
	*/
	@font-face {
		font-family: 'NotoSansMonoCJKjp';
		src: url('/assets-seoi/font/NotoSansMonoCJKjp-Regular-diet.otf') format('opentype');
	}
	
	/*
	--------------------
	形
	--------------------
	*/
	/*
	----------
	全体
	----------
	*/
	* {
		font-family: monospace;
	}
	
	.table * {
		font-family: 'NotoSansMonoCJKjp', monospace;
	}
	
	.navbar {
		margin-bottom: 0;
	}
	
	.orig-pt15 {
		padding-top: 15px;
	}
	
	.orig-pb15 {
		padding-bottom: 15px;
	}
	
	@media (max-width: 767px) {
		.orig-xs-right {
			text-align: right;
		}
		.orig-xs-float-right {
			float: right;
		}
	}
	
	footer,
	.orig-main,
	.orig-pagelast {
		position: relative;
		z-index: 2;
	}
	
	.orig-main,
	.orig-pagelast {
		background: none;
	}
	
	/*
	----------
	デバッグ
	----------
	*/
	.orig-debug {
		white-space: pre-wrap; /* 改行を保持 */
		background-color: #f0f0f0;
		font-size: 12px;
	}
	
	/*
	----------
	アコーディオン
	----------
	*/
	[data-toggle="collapse"]::before {
		content: "－ ";
	}
	
	[data-toggle="collapse"].collapsed::before {
		content: "＋ ";
	}
	
	/*
	----------
	カレンダー
	----------
	*/
	.orig-calendar.table {
		margin-bottom: 0;
	}
	
	.orig-calendar th,
	.orig-calendar td {
		text-align: center;
		font-weight: normal;
	}
	
	.orig-calendar td a {
		display: inline-block;
		width: 70%;
		text-decoration: none;
	}
	
	.orig-calendar-month {
		font-family: 'NotoSansMonoCJKjp', monospace;
		font-size: 16px;
		letter-spacing: 0.25em;
	}
	
	.orig-calendar-month #btn_calendar_next,
	.orig-calendar-month #btn_calendar_prev {
		width: 80px;
		text-decoration: none;
	}
	
	.orig-calendar-month #span_calendar_year,
	.orig-calendar-month #span_calendar_month {
		font-family: 'NotoSansMonoCJKjp', monospace;
	}
	
	@media (min-width: 768px) {
		#div_cale .table {
			margin-bottom: 0;
		}
	}
	
	/*
	----------
	日時
	----------
	*/
	#div_datetime {
		border-radius: 10px;
		letter-spacing: 0.25em;
		text-align: right;
		padding: 15px 15px 0 10px;
	}
	
	#div_datetime * {
		font-family: 'NotoSansMonoCJKjp', monospace;
	}
	
	#div_datetime .orig-date {
		font-size: 30px;
	}
	
	#div_datetime .orig-time {
		font-size: 64px;
	}
	
	#div_datetime .orig-live {
		font-size: 28px;
		margin-right: 15px;
		padding: 3px 10px;
		border-radius: 2px;
	}
	
	#div_datetime .orig-sec {
		font-size: 42px;
		margin-left: 10px;
	}
	
	/*
	----------
	ストップウォッチ
	----------
	*/
	#div_stopwatch {
		letter-spacing: 0.2em;
		text-align: right;
	}
	
	/*
	----------
	ランナー
	----------
	*/
	.orig-xsdup {
		cursor: pointer;
	}
	
	.orig-xsdup #div_madori {
		z-index: -3;
	}
	
	.orig-xsdup .orig-runzen,
	.orig-xsdup .orig-runhai,
	.orig-xsdup .orig-danmen {
		position: absolute;
		width: calc(100% - 30px);
	}
	
	.orig-xsdup .orig-runhai {
		opacity: 0.4;
		z-index: -2;
		pointer-events: none;
	}
	
	.orig-xsdup .orig-runzen {
		z-index: 1;
		pointer-events: none;
	}
	
	.orig-xsdup .orig-danmen {
		z-index: 6;
	}
	
	/*
	----------
	チャット
	----------
	*/
	.orig-xsdup #div_chat {
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 5px;
		position: relative;
		pointer-events: none;
		z-index: 10;
	}
	
	.orig-xsdup #div_chat .table {
		margin-bottom: 0;
	}
	
	.orig-xsdup #div_chat .table > thead > tr > td,
	.orig-xsdup #div_chat .table > tbody > tr > td,
	.orig-xsdup #div_chat .table > tfoot > tr > td {
		border-top: 1px solid rgba(221,221,221,0.4);
		word-break: break-all;
	}
	
	.orig-xsdup #div_chat .table > thead > tr:first-child > td,
	.orig-xsdup #div_chat .table > tbody > tr:first-child > td {
		border-top: 0 none;
	}
	
	.orig-xsdup #div_chat td {
		overflow-wrap: break-word;
	}
	
	.orig-xsdup #div_chat td:first-child {
		max-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.orig-xsdup #div_chat .orig-hns {
		float: right;
	}
	
	.orig-xsdup #div_chat .orig-hns {
		color: #ccc;
	}
	
	/*
	----------
	プレイヤー
	----------
	*/
	#div_player .orig-speed-info {
		padding: 5px 15px;
		border-radius: 4px;
	}
	
	#div_player .orig-live {
		font-size: 12px;
		margin-right: 10px;
	}
	
	/*
	----------
	断面図
	----------
	*/
	#div_danmen_settings {
		visibility: hidden;
	}
	
	/*
	----------
	lg以上
	----------
	*/
	@media (min-width: 1200px) {
		#div_datetime {
			padding-right: 80px;
		}
		
		#div_datetime .orig-live {
			font-size: 32px;
			position: absolute; /* 絶対位置に設定 */
			top: 50%; /* 親要素の高さの50% */
			left: 50px; /* 親要素の幅の50% */
			transform: translate(0, -60%); /* 自身の幅と高さの50%分戻す */
		}
		
	}
	
	/*
	----------
	xs以下
	----------
	*/
	@media (max-width: 767px) {
		/*
		----------
		日時
		----------
		*/
		#div_datetime {
			text-align: center;
			padding: 10px 0 0 0;
		}
		
		#div_datetime .orig-date {
			margin-left: 1em;
			font-size: 24px;
		}
		
		#div_datetime .orig-time {
			font-size: 44px;
		}
		
		#div_datetime .orig-live {
			font-size: 24px;
		}
		
		#div_datetime .orig-sec {
			font-size: 28px;
		}
		
		/*
		----------
		ストップウォッチ
		----------
		*/
		#div_stopwatch {
			text-align: center;
		}
		
		/*
		----------
		
		----------
		*/
		.orig-xsdup {
			position: relative;
		}
		
		/*
		----------
		チャット
		----------
		*/
		.orig-xsdup #div_chat {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
		
		.orig-xsdup #div_chat .table > thead > tr > td,
		.orig-xsdup #div_chat .table > tbody > tr > td,
		.orig-xsdup #div_chat .table > tfoot > tr > td {
			border-top: 0 none;
			text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
		}
		
		.orig-xsdup .orig-runhai {
			opacity: 0.15;
		}
		
	}
	
	/*
	----------
	sm以下
	----------
	*/
	@media (max-width: 991px) {
		.orig-xsdup #div_chat .orig-hns {
			display: none;
		}
	}
	
	/*
	--------------------
	色
	--------------------
	*/
	/*
	----------
	全体
	----------
	*/
	body.orig-watch {
		background-size: auto auto;
		background-color: #ffffff;
		background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #fcfcfc 5px, #fcfcfc 10px );
	}
	
	.orig-bg0 {
		background-size: auto auto;
		border-bottom: solid 2px #006666;
	}
	
	.orig-bg-sexy0 {
		background-color: #c8fff4;
		background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #d8feff 5px, #d8feff 10px );
	}
	
	.orig-bg-sexy1 {
		background-color: #ffd4f4;
		background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #ffd8f8 5px, #ffd8f8 10px );
	}
	
	.orig-bg1 {
	}
	
	.orig-bg2 {
		background-size: auto auto;
		border-top: solid 2px #006666;
	}
	
	.orig-bg3 {
		background-size: auto auto;
		background-color: #fff8c8;
		background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #fffdc8 5px, #fffdc8 10px );
	}
	
	.orig-btn-func:focus,
	.orig-btn-func.focus,
	.orig-btn-func:hover,
	.orig-btn-func {
		color: #000;
		background-color: #88eeee;
		border-color: #008888;
	}
	
	.orig-btn-danmen:focus,
	.orig-btn-danmen.focus,
	.orig-btn-danmen:hover,
	.orig-btn-danmen {
		color: #fff;
		background-color: #e8a;
		border-color: #c68;
	}
	
	.table-bordered {
		border: 1px solid #888866;
	}
	
	.table-bordered > tbody > tr > td,
	.table-bordered > thead > tr > th {
		border: 1px solid #888866;
	}
	
	/*
	----------
	sm以上
	----------
	*/
	@media (min-width: 768px) {
		.orig-talk {
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
		}
	}
	
	/*
	----------
	アコーディオン
	----------
	*/
	[data-toggle="collapse"] {
		color: #aaa;
	}
	
	/*
	----------
	カレンダー
	----------
	*/
	.orig-calendar {
		background-color: #ffffff;
	}
	
	.orig-calendar.table-bordered {
		border: 1px solid #006666;
	}
	
	.orig-calendar.table-bordered > tbody > tr > td,
	.orig-calendar.table-bordered > thead > tr > th {
		border: 1px solid #006666;
	}
	
	.orig-calendar.table-bordered > thead > tr > th {
		background-color: #00cccc;
	}

	.orig-calendar td.sat {
		background-color: #cceeee;
	}
	
	.orig-calendar td.sun {
		background-color: #eecccc;
	}
	
	.orig-calendar td.selected {
		background-color: #008888;
	}
	
	.orig-calendar td a {
		color: #008888;
		border-bottom: solid 2px #008888;
	}
	
	.orig-calendar td.selected a {
		color: #ffffff;
		border-bottom: solid 2px #ffffff;
	}
	
	.orig-calendar-month {
		color: #005555;
	}
	
	.orig-calendar-month #btn_calendar_next,
	.orig-calendar-month #btn_calendar_prev {
	}
	
	.orig-calendar-month #span_calendar_year {
	}
	
	.orig-calendar-month #span_calendar_month {
	}
	
	/*
	----------
	日時
	----------
	*/
	#div_datetime {
		background-color: #ffffff;
		border: solid 1px #008888;
	}
	
	#div_datetime .orig-date {
		color: #008888;
	}
	
	#div_datetime .orig-time {
		color: #005555;
	}
	
	#div_datetime .orig-live {
	}
	
	#div_datetime .orig-sec {
	}
	
	#div_datetime.orig-timeshift .orig-live {
		background-color: transparent;
		color: #008888;
	}
	
	#div_datetime.orig-realtime .orig-live {
		background-color: #008888;
		color: #ffffff;
	}
	
	/*
	----------
	ストップウォッチ
	----------
	*/
	#div_stopwatch .btn.disabled,
	#div_stopwatch .btn[disabled] {
		opacity: 0.25;
	}
	
	#div_stopwatch .orig-sw-view {
		font-size: 18px;
	}
	
	/*
	----------
	ランナー
	----------
	*/
	.orig-xsdup #div_madori {
		background-color: #ffffff;
	}
	
	/*
	----------
	プレイヤー
	----------
	*/
	#div_player .orig-speed-info {
		background-color: #eeeeee;
	}
	
	/*
	----------
	lg以上
	----------
	*/
	@media (min-width: 1200px) {
		#div_datetime.orig-timeshift {
			background: linear-gradient(to right, #cccccc 260px, #ffffff 260px);
		}
		
		#div_datetime.orig-realtime {
			background: linear-gradient(to right, #00cccc 260px, #ffffff 260px);
		}
		
		#div_datetime.orig-timeshift .orig-live {
			background-color: transparent;
			color: #ffffff;
		}
		
		#div_datetime.orig-realtime .orig-live {
			background-color: transparent;
			color: #ffffff;
		}
		
	}