/*
 * katareena.js - 語リーナ
 * 
 * Copyright (c) 2021 Hirohide Honda, hirohidehonda@gmail.com
 *
 * This software is released under the MIT License.
 * http://opensource.org/licenses/mit-license.php
 *
 * @version 0.1
*/
@charset "UTF-8";
/*
 css/mod/dialogPane.css
 -----------------------------
*/

/*
	ダイアログテンプレート
*/
.dialog-block,
.dialog-annotation-block{
	display:none;
	position: absolute;
	font-size: 80%;
	border: 0.05vw gray solid;
	padding:0;
	border-radius: 0.5vw;
	box-shadow: 0.4vw 0.4vh 0.25vw #c0c0c0;
	box-shadow: 0.4vw 0.4dvh 0.25vw #c0c0c0;
	/*background-color: white;*/
	min-width: 30vw;		/* dialo-annotation-messageから移動 */	
}

#fileSelect,
#drillSelect,
#fileNamedSave{
	overflow:auto;
	resize:both;
	z-index: 101;
}
#fileSelect,
#drillSelect{
	width: 20vw;
}
.file-list{
	max-height: 70vh;
	max-height: 70dvh;
}
.drill-list{
	max-height: 50vh;
	max-height: 50dvh;
}

#drillPublicHandle{
	z-index: 102;
}
.dialog-block{
	z-index: 100;
}
.dialog-annotation-block{
	z-index: 200;
}
.dialog-title-block{
	border-radius: 0.5vw 0.5vw 0 0;
	/*background-color: #90c226;*/
	/*color: white;*/
	padding: 0;
}
.dialog-title{
	text-align: center;
	font-size: 120%;
	width: 100%;
	padding: 0.5vw;
}
.dialog-shutdown{
	position: absolute;
	top: 0.2vh;
	top: 0.2dvh;
	right: 0.1vw;
}
button.shutdown{
	display: inline-block;
	border-radius: 0.3vw;
	/*background-color: #dbf4ca;*/
	/*color: #90c226;*/
	font-weight: bold;
	right: 0.5vw;
}
.dialog-row{
	display: flex;
	flex-direction:row;
	/*height:100%;*/
}
.dialog-row table{
	table-layout: auto;
}
.dialog-row td, .dialog-row th{
	padding: 5px 5px;
}
.dialog-term-header{
	font-weight: bold;
	vertical-align:top;
	padding:0.5vw;
	word-break: keep-all;
}
.dialog-term-body{
	width: 100%;
	text-align: center;
	padding:0.5vw;
}
.dialog-term-body-left{
	width: 100%;
	text-align: left;
	padding:0.5vw;
}
.dialog-term-body-left ul{
	list-style-type: disc;
	margin-left: 2vw;
	margin-bottom:1vh;
	margin-bottom:1dvh;
}
body.rtl .dialog-term-body-left ul{
	margin-right: 2vw;
}
.dialog-term-button{
	vertical-align:bottom;
	padding:0.5vw;
	word-break: keep-all;
}
.dialog-remarks{
	font-size: 90%;
}
.dialog-remarks ul{
	list-style-type: disc;
	margin-left: 2vw;
	margin-bottom:1vh;
	margin-bottom:1dvh;
}
body.rtl .dialog-remarks ul{
	margin-right: 2vw;
}
.dialog-remarks li.secound-level{
	margin-left: 1vw;
}
body.rtl .dialog-remarks li.secound-level{
	margin-right: 1vw;
}
.dialog-remarks p{
	margin-left: 1vw;
	margin-bottom:0.2vh;
	margin-bottom:0.2dvh;
}
body.rtl .dialog-remarks p{
	margin-right: 1vw;
}
.dialog-remarks h2{
	font-size: 150%;
}
/*
	Menu/File/Open : ファイル一覧からのファイル選択
*/
table.path-list{
	width: 100%;
}
.dialog-term-path-list{
	width: 100%;
	height: auto;
	/*background-color: #dbf4ca;*/
	overflow: scroll;
	scroll-snap-type: both;
}
.dialog-term-path-list ul{
	list-style-type: none;
	margin-left: 1vw;
	margin-bottom:1vh;
	margin-bottom:1dvh;
	white-space: nowrap;
}
body.rtl .dialog-term-path-list ul{
	margin-right: 1vw;
}
.dialog-term-path-list li img{
	height: 1.6vh;
	height: 1.6dvh;
	margin: 0 0 -0.1vh 0;
	margin: 0 0 -0.1dvh 0;
}
.dialog-term-path-list li data:hover{
	text-decoration: underline;
}
#dialog4LinkInfo{
	height: 60vh;
	height: 60dvh;
}
#dialog4LinkInfo .dialog-term-path-list{
	height: 83%;
}
/*
	Menu/File/Upload,Download
*/

/*
	Menu/File/NamedSave
*/
#fileNamedSave th{
	white-space: nowrap;
}
/*
#fileNamedSave li>data{
	background: #dbf4ca;
	color: black;
}
#fileNamedSave li.highlight>data{
	background: #90c226;
	color: white;
}
*/
/*
	警告内のイメージ
*/
.dialog-remarks img{
	margin: 0vh 0vw -0.3vh 0vw;
	margin: 0dvh 0vw -0.3dvh 0vw;
}
/*
	警告ダイアログ
*/
.dialog-annotation-title-block{
	border-radius: 0.5vw 0.5vw 0 0;
	/*background-color: yellow;
	color: black;*/
	padding: 0;
}

.dialog-annotation-message{
	/*width: 30vw;*/	
	padding: 0.3vw;
}
.dialog-annotation-button{
	text-align: center;
	margin: 0vw 0.3vw 0.3vw 0.3vw;
}
.dialog-annotation-button button{
	display: inline-block;
}
.dialog-annotation-button button.small{
	font-size: 80%;
}
hr.narrow{
	margin: 0.5vh 0;
	margin: 0.5dvh 0;
}
/*
	ツールメニュー - 語登録ダイアログ
*/
#dialog4WordList select.word.defined{
	width: 100%;
}
table.alters_detail_table,
table.alters_detail_table th,
table.alters_detail_table td{
	border:1px dotted /*#90c226*/;
	margin: 0.2vw;
	padding: 0.3vw;
}
tr.alters_fixed{
	border:2px solid /*#90c226*/;
	/*background-color: #dbf4ca;*/
}
#dialog4WordList .alters{			/* 下線ドット */
	border-bottom: 1px dotted gray;
	padding-bottom: 0.3px;
}
.word-list{
	width: 100%;
	height: 20vh;
	height: 20dvh;
	overflow-y: scroll;
}
.word-listup{
	margin-left: 1vw;
}
/*
	テキスト挿入ダイアログ
*/
#insert_text_dialog button.blacket{
	width: 1.8vw;
}
/*
	メモ設定ダイアログ
*/
#dialog4MemoContent{
	margin: 0.2vw;
}

/*
	Web関連リンク
*/
#dialog4WebPage td,
#dialog4WebPage th{
	padding: 0.3vw;
}
#dialog4WebPage select,
#dialog4WebPage input{
	width: 20vw;
}

/*#dialog4WebPage button{*/
.dialog-block button{
	margin: 0.5vh 0.2vw 0vh 0.2vw;
	margin: 0.5dvh 0.2vw 0dvh 0.2vw;
}
/* ----------------------------
	ドリルスコアーpopup
 ------------------------------ */
#dialog4Score{
	width: 50vw;
	height: 32vh;
	height: 32dvh;
	overflow:auto;
	resize:both;
}
#dialog4Score .dialog-term-header,
#dialog4Score .dialog-term-body-left{
	height:100%;
	vertical-align: middle;
}
#dialog4Score table,
#dialog4Score th,
#dialog4Score td{
	padding: 0.3vw;
	border: 2px /*#90c226*/ solid;
	text-align: center;
}
#dialog4Score th{
	font-size: 110%;
	vertical-align: middle;
}

#dialog4Score .targetHeader{
	color: white;
	background-color: gray;
}
#dialog4Score .target{
	text-decoration: underline;
}
#dialog4Score .out{
	display: none;
	width:100%;
	height:100%;
	line-height:150%;
	border:solid 1px #D5D5D5;
	overflow: scroll;
}
/* --------------------
 レーダーチャート
 ---------------------- */
.sideways #dialog4ScoreRadar{
	width: 30vw;
	overflow:auto;
	resize:both;
	z-index:201;
}
.portrait #dialog4ScoreRadar{
	width: 50vw;
	overflow:auto;
	resize:both;
	z-index:201;
}
#dialog4ScoreRadar table{
	width: 100%;
}
#dialog4ScoreRadar th.header{
	width: 10%;
}
#dialog4ScoreRadar td.fiveStar{
	width: 60%;
}
#dialog4ScoreRadar th.voiceAge{
	width: 20%;
}
#dialog4ScoreRadar td.age{
	width: 10%;
}
/* グラフ */
#dialog4ScoreGraph{
	width: 100vw;
	overflow:auto;
	resize:both;
	z-index:204;
}
#dialog4ScoreGraph .canvasBody{
	/*width: 99.5%;*/
	margin: 0.5%;
	display: flex;
	overflow-x: scroll;
	/*justify-content: center;*/
	border:1px #ccc solid;
}
#dialog4ScoreGraph img{
	width: 4.3vw;
	height: 5vh;
	height: 5dvh;
}

/* 詳細 */
.sideways #dialog4DetailRadar{
	max-width: 90vw;
	overflow-x: scroll;
	z-index:203;
}
.portrait #dialog4DetailRadar{
	max-width: 90vw;
	overflow-x: scroll;
	z-index:203;
}
.sideways #dialog4DetailTotalRadar{
	max-width: 90vw;
	max-height: 50vh;
	max-height: 50dvh;
	overflow-y: scroll;
	z-index:202;
}
.portrait #dialog4DetailTotalRadar{
	max-width: 90vw;
	max-height: 50vh;
	max-height: 50dvh;
	overflow-y: scroll;
	z-index:202;
}
#dialog4DetailRadar table{
	font-size: 12px;
	width: 100%;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch; /* スマホでなめらかスクロール */
}
tbody{
	-webkit-text-size-adjust: 100%;
}
#dialog4DetailRadar table.detail,
#dialog4DetailRadar table.detail th,
#dialog4DetailRadar table.detail td,
#dialog4DetailTotalRadar table.detail,
#dialog4DetailTotalRadar table.detail th,
#dialog4DetailTotalRadar table.detail td{
	padding: 0.2vw;
	border: 1px /*#90c226*/ solid;
	text-align: left;
}
#dialog4DetailRadar table.remarks,
#dialog4DetailRadar table.remarks th,
#dialog4DetailRadar table.remarks td{
	padding: 0.2vw;
	border: 1px /*#90c226*/ dotted;
	text-align: left;
}
#dialog4DetailRadar a:hover{
	color:red;
	text-decoration:underline;
}
/* 総合判定 */
.star-rating {
	display: flex;
	justify-content: center;
	gap: 0.3vw;
	margin-top: -1.5vh;
	margin-top: -1.5dvh;
}

.c-star {
	width: var(--my-star-size, 10%);
	height: var(--my-star-size, 10%);
	fill: white;
}
.c-star.active {
	fill: #F3A1A1;
}
#wait4Scoring,
#playback4Scoring{
	background-color: white;
	border: 1px solid gray;
	/*--水平方向 垂直方向 影のぼかし 色--*/
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);  
	z-index: 210;
}
/* ------------------------------
	ルビ設定
 -------------------------------- */
.map-table{
	width: 100%;
	height: 36vh;
	height: 36dvh;
	overflow-y: scroll;
	text-align: center;
}
.map-table td{
	width: 20%;
	text-align: center;
}
.map-table td input{
	width: 2.5vw;
	margin: 0.0vh 0.5vw 0.3vh 0.5vw;
	margin: 0.0dvh 0.5vw 0.3dvh 0.5vw;
}
td.vMiddle{
	vertical-align: middle;
}
td.smallFont{
	font-size: 80%;
	vertical-align: middle;
	margin-bottom: 0.5vh;
	margin-bottom: 0.5dvh;
}
td.narrow input{
	width: 6vw;
}
table.ligature{
	width: 100%;
}
/* ----------------------------------
	プライバシー、ソフトウェア
----------------------------------- */
#dialog4AboutSoftware,
#dialog4PrivacySecurity{
	height: 70vh;
	height: 70dvh;
	overflow:auto;
	resize:both;
}
/* ----------------------------------
	カラー設定
----------------------------------- */
select.skin,
input.append.skin{
	width: 100%;
}
td.colorbar{
	vertical-align: middle;
	text-align: center;
}
div.colorbar{
	width: 10vw;
	height:2.5vh;
	height:2.5dvh;
	border:solid 1px #D5D5D5;
}
/* ----------------------------------
	プログレスバー
------------------------------------ */
#progressBar,
#upDownloadProgress{
	position: absolute;
	z-index: 110;
	width: 25vw;
}
.progress-bar{
	margin: 0.5vh 2% 0.3vh 2%;
	margin: 0.5dvh 2% 0.3dvh 2%;
	width:96%;
	height: 3vh;
	height: 3dvh;
}
.progress-label {
	float: left;
	margin-left: 45%;
	margin-top: 1vh;
	margin-top: 1dvh;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
body.rtl .progress-label {
	margin-right: 45%;
}
/* ------------------------------
	言語設定
 -------------------------------- */
.lang-table{
	width: 60vw;
	height: 60vh;
	height: 60dvh;
	overflow-y: scroll;
	text-align: center;
	font-family: sans-serif;
}
.lang-table td{
	text-align: left;
}
.lang-table th.section{
	width: 10%;
	font-size: 80%;
	text-align: right;
}
.lang-table td.selector{
	font-size: 75%;
	width: 25%;
}
.lang-table td.default{
	font-size: 80%;
	width: 30%;
}
.lang-table td.current{
	width: 35%;
}
.lang-table td[data-direction='rtl']{
	direction: rtl;
	unicode-bidi: bidi-override;
}
.lang-table td input{
	width: 90%;
	margin: 0.0vh 2.5% 0.3vh 2%;
	margin: 0.0dvh 2.5% 0.3dvh 2%;
}
.lang-table input.org{
	color: #808080;
}
.lang-table input.renew{
	color: black;
	font-weight:bold;
}
/*
	時刻表
*/
#dialog4TimeTable{
	width: 82.5vw;
	height: 85vh;
	height: 85dvh;
	font-size: 70%;
}
#dialog4TimeTable table{
	table-layout: fixed;
	width: 100%;
	height: 95%;
	display: block;
	position: relative;
	overflow: scroll;
	border-collapse: collapse;
}
#dialog4TimeTable th{
	background:#808080;
	color: white;
	display: table-cell;
	text-align: center;
	padding: 0.15vw;
	border:1px #ccc solid;
	word-wrap: normal;
}

#dialog4TimeTable td{
	padding: 0.15vw;
	border-bottom:1px #888 dotted;
	vertical-align: top;
	word-wrap: break-word;
}
#dialog4TimeTable thead,
#dialog4TimeTable tbody {
	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
#dialog4TimeTable thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}
#dialog4TimeTable th.para{
	width: 2vw;
}
#dialog4TimeTable th.time{
	width: 4vw;
}
#dialog4TimeTable th.silence{
	width: 3vw;
}
#dialog4TimeTable th.phrase{
	width: 7vw;
}
#dialog4TimeTable th.audio,
#dialog4TimeTable th.video,
#dialog4TimeTable th.image,
#dialog4TimeTable th.memo,
#dialog4TimeTable th.config{
	width: 12.4vw;
}
#dialog4TimeTable td.para{
	width: 2vw;
	text-align:right;
	background: #f0f0f0;
}
#dialog4TimeTable td.time{
	width: 4vw;
	text-align:right;
}
#dialog4TimeTable td.silence{
	width: 3vw;
	text-align:right;
}
#dialog4TimeTable td.phrase{
	width: 7vw;
	text-align:left;
}
#dialog4TimeTable td.audio{
	width: 12.4vw;
	text-align:left;
}
#dialog4TimeTable td.audio:not(:empty){
	background: lightyellow;
}
#dialog4TimeTable td.video{
	width: 12.4vw;
	text-align:left;
}
#dialog4TimeTable td.video:not(:empty){
	background: lightcyan;
}
#dialog4TimeTable td.image{
	width: 12.4vw;
	text-align:left;
}
#dialog4TimeTable td.image:not(:empty){
	background: snow;
}
#dialog4TimeTable td.memo{
	width: 12.4vw;
	text-align:left;
}
#dialog4TimeTable td.memo:not(:empty){
	background: honeydew;
}
#dialog4TimeTable td.config{
	width: 12.4vw;
	text-align:left;
}
#dialog4TimeTable td.config:not(:empty){
	background: seashell;
}
/*
	SSML編集
*/
table.ssml-list table,
table.ssml-list th,
table.ssml-list td{
	border: 1px #808080 solid;
}
table.ssml-list th{
	padding: 2px;
}
table.ssml-list td.pitch,
table.ssml-list td.pause{
	color: black;
	background-color: white;
}
table.ssml-list td.selected{
	color: white;
	background-color: red;
}
@charset "UTF-8";
/*
 css/mod/editPane.css
 -----------------------------
*/
/*
 ******************************
	編集タブ
 ==============================
*/
div.edit_tab{
	position: absolute;
	width:100%;
	height:100%;
}
div.edit_tab p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.edit_full_tab,
div.edit_left_tab,
div.edit_leftTop_tab,
div.edit_top_tab{
	position: absolute;
	/*top:0;*/
	margin:0;
	border-width:0;
	padding:0;
	height: 3.2%;
	width: 49.373%;
	/*left: 0;*/
}
div.edit_right_tab,
div.edit_rightTop_tab{
	display:none;
	position:absolute;
	/*top:0;*/
	margin:0;
	border-width:0;
	padding:0;
	height: 3.2%;
	width: 20.5vw;
	/*left: 49.75%;*/
}
div.edit_leftBttm_tab,
div.edit_bttm_tab{
	display:none;
	position: absolute;
	margin:0;
	border-width:0;
	padding:0;
	height: 3.2%;
	width: 49.373%;
	/*left: 0;*/
}
div.edit_rightBttm_tab{
	display:none;
	position:absolute;
	/*top:50.0%;*/
	margin:0;
	border-width:0;
	padding:0;
	height: 3.2%;
	width: 49.373%;
	/*left: 49.75%;*/
}

div.edit_full_tab>div:nth-of-type(1),
div.edit_left_tab>div:nth-of-type(1),
div.edit_leftTop_tab>div:nth-of-type(1),
div.edit_top_tab>div:nth-of-type(1),
div.edit_right_tab>div:nth-of-type(1),
div.edit_rightTop_tab>div:nth-of-type(1),
div.edit_bttm_tab>div:nth-of-type(1),
div.edit_leftBttm_tab>div:nth-of-type(1),
div.edit_rightBttm_tab>div:nth-of-type(1){
	position: absolute;
	margin-top: 0.2vh;
	margin-top: 0.2dvh;
	height: 100%;
	width: 5.5vw;
	left: 1vw;
	padding-top: 0.7vh;
	padding-top: 0.7dvh;
	font-size: 80%;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	border-radius: 0.7vh 0.7vh 0vh 0vh;
	border-radius: 0.7dvh 0.7dvh 0dvh 0dvh;
	z-index:8;
}
div.edit_full_tab>div:nth-of-type(2),
div.edit_left_tab>div:nth-of-type(2),
div.edit_leftTop_tab>div:nth-of-type(2),
div.edit_top_tab>div:nth-of-type(2),
div.edit_right_tab>div:nth-of-type(2),
div.edit_rightTop_tab>div:nth-of-type(2),
div.edit_bttm_tab>div:nth-of-type(2),
div.edit_leftBttm_tab>div:nth-of-type(2),
div.edit_rightBttm_tab>div:nth-of-type(2){
	position: absolute;
	margin-top: 0.2vh;
	margin-top: 0.2dvh;
	height: 100%;
	width: 5.5vw;
	left: 6.0vw;
	padding-top: 0.7vh;
	padding-top: 0.7dvh;
	font-size: 80%;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	border-radius: 0.7vh 0.7vh 0vh 0vh;
	border-radius: 0.7dvh 0.7dvh 0dvh 0dvh;
	z-index:7;
}
div.edit_full_tab>div:nth-of-type(3),
div.edit_left_tab>div:nth-of-type(3),
div.edit_leftTop_tab>div:nth-of-type(3),
div.edit_top_tab>div:nth-of-type(3),
div.edit_right_tab>div:nth-of-type(3),
div.edit_rightTop_tab>div:nth-of-type(3),
div.edit_bttm_tab>div:nth-of-type(3),
div.edit_leftBttm_tab>div:nth-of-type(3),
div.edit_rightBttm_tab>div:nth-of-type(3){
	position: absolute;
	margin-top: 0.2vh;
	margin-top: 0.2dvh;
	height: 100%;
	width: 5.5vw;
	left: 11.0vw;
	padding-top: 0.7vh;
	padding-top: 0.7dvh;
	font-size: 80%;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	border-radius: 0.7vh 0.7vh 0vh 0vh;
	border-radius: 0.7dvh 0.7dvh 0dvh 0dvh;
	z-index:6;
}
div.edit_full_tab>div:nth-of-type(4),
div.edit_left_tab>div:nth-of-type(4),
div.edit_leftTop_tab>div:nth-of-type(4),
div.edit_top_tab>div:nth-of-type(4),
div.edit_right_tab>div:nth-of-type(4),
div.edit_rightTop_tab>div:nth-of-type(4),
div.edit_bttm_tab>div:nth-of-type(4),
div.edit_leftBttm_tab>div:nth-of-type(4),
div.edit_rightBttm_tab>div:nth-of-type(4){
	position: absolute;
	margin-top: 0.2vh;
	margin-top: 0.2dvh;
	height: 100%;
	width: 5.5vw;
	left: 16.0vw;
	padding-top: 0.7vh;
	padding-top: 0.7dvh;
	font-size: 80%;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	border-radius: 0.7vh 0.7vh 0vh 0vh;
	border-radius: 0.7dvh 0.7dvh 0dvh 0dvh;
	z-index:5;
}
div.edit_full_tab>div:nth-of-type(5),
div.edit_left_tab>div:nth-of-type(5),
div.edit_leftTop_tab>div:nth-of-type(5),
div.edit_top_tab>div:nth-of-type(5),
div.edit_right_tab>div:nth-of-type(5),
div.edit_rightTop_tab>div:nth-of-type(5),
div.edit_bttm_tab>div:nth-of-type(5),
div.edit_leftBttm_tab>div:nth-of-type(5),
div.edit_rightBttm_tab>div:nth-of-type(5){
	position: absolute;
	margin-top: 0.2vh;
	margin-top: 0.2dvh;
	height: 100%;
	width: 5.5vw;
	left: 21.0vw;
	padding-top: 0.7vh;
	padding-top: 0.7dvh;
	font-size: 80%;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	border-radius: 0.7vh 0.7vh 0vh 0vh;
	border-radius: 0.7dvh 0.7dvh 0dvh 0dvh;
	z-index:4;
}
div.edit_full_tab>div:nth-of-type(6),
div.edit_left_tab>div:nth-of-type(6),
div.edit_leftTop_tab>div:nth-of-type(6),
div.edit_top_tab>div:nth-of-type(6),
div.edit_right_tab>div:nth-of-type(6),
div.edit_rightTop_tab>div:nth-of-type(6),
div.edit_bttm_tab>div:nth-of-type(6),
div.edit_leftBttm_tab>div:nth-of-type(6),
div.edit_rightBttm_tab>div:nth-of-type(6){
	position: absolute;
	margin-top: 0.2vh;
	margin-top: 0.2dvh;
	height: 100%;
	width: 5.5vw;
	left: 26.0vw;
	padding-top: 0.7vh;
	padding-top: 0.7dvh;
	font-size: 80%;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	border-radius: 0.7vh 0.7vh 0vh 0vh;
	border-radius: 0.7dvh 0.7dvh 0dvh 0dvh;
	z-index:3;
}

/* ----------------------------
	ドリルアイコン表示
 ------------------------------ */
img.drillIcon{
	display: none;
	width: 2.2vw;
	height: 2.8vh;
	height: 2.8dvh;
	margin: 0vh 1vw -0.8vh 0vw;
	margin: 0dvh 1vw -0.8dvh 0vw;
}
/*
 ******************************
	編集ボディ
 ==============================
*/
div.edit_body{
	position: absolute;
	width:100%;
	height:100%;
}
div.edit_full_body{
	position: absolute;
	border-width:0;
	padding:0;
}

div.edit_left_body,
div.edit_right_body,
div.edit_leftTop_body,
div.edit_rightTop_body,
div.edit_leftBttm_body,
div.edit_rightBttm_body,
div.edit_top_body,
div.edit_bttm_body{
	display: none;
	position: absolute;
	border-width:0;
	padding:0;
}
div.edit_full_body>div,
div.edit_top_body>div,
div.edit_bttm_body>div{
	border: 0.2% solid /*#90c226*/;
	padding: 2%;
	box-shadow: 0.1vh 0.1vh 0.1vh 0.1vh /*#90c226*/;
	box-shadow: 0.1dvh 0.1dvh 0.1dvh 0.1dvh /*#90c226*/;
	width: 99.7%;
	height: 99.4%;
}
div.edit_left_body>div,
div.edit_right_body>div,
div.edit_leftTop_body>div,
div.edit_rightTop_body>div,
div.edit_leftBttm_body>div,
div.edit_rightBttm_body>div{
	border: 0.2% solid /*#90c226*/;
	padding: 2%;
	box-shadow: 0.1vh 0.1vh 0.1vh 0.1vh /*#90c226*/;
	box-shadow: 0.1dvh 0.1dvh 0.1dvh 0.1dvh /*#90c226*/;
	width: 99.4%;
	height: 99.4%;
}
div.edit_body #jp_container_video,
div.edit_body #jp_container_audio{
	margin-left: auto;
	margin-right: auto;
}
/*
	編集ビューのスタイル
*/
#editView,
#drillView{
	line-height: 200%;
}
.vertical #editView,
.vertical #drillView{
	overflow-x: scroll;
	/*
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	*/
	writing-mode: vertical-rl; /* 縦書き方向（右から左） */
	text-orientation: upright; /* 文字を回転させない */
	-webkit-writing-mode: vertical-rl; /* Safari用ベンダープレフィックス */
	-webkit-text-orientation: upright; /* Safari用ベンダープレフィックス */
}
.horizontal #editView,
.horizontal #drillView{
	overflow-y: scroll;
}
.blink {
	animation: blinkAnime 1s step-end infinite;
	//text-orientation: sideways;
	text-orientation: mixed;
}
@keyframes blinkAnime{
	50% { opacity: 0.0; }
}
@-webkit-keyframes blinkAnime {
  50% { opacity: 0.0; }
}
rt{
	/*
	margin-bottom: -0.3vh;
	margin-bottom: -0.3dvh;
	*/
	font-size: 100%;
	zoom: 0.7;
}
rt.global{
	display:none;
}
/*.reverse {
	background-color: #90c226;
	color: white;
}
*/
/*
	削除後は、hidden扱い
*/
data.delete,
rt.delete{
	display: none;
}

.inline,
.inline+p:not([class~='inline']) {
	display: inline;
}

/*
	代替語スタイル
*/
div#wordlist,
div#wordlist4drill{
	display:none;
}
.horizontal data.alters{			/* 下線ドット */
	border-bottom: 1px dotted gray;
	padding-bottom: 0.3px;
}
.vertical data.alters{				/* 左線ドット */
	border-left: 1px dotted gray;
	/*padding-left: 0.3px;*/
}
/*
.alters_multiple{
	background-color: yellow;
}
.alters_changed{
	background-color: #dbf4ca;
}
*/
.horizontal rt.alters{					/* 下線ドット(ルビ) */
	transform: translateY(0.1vh);
	transform: translateY(0.1dvh);
	border-bottom: 1px dotted black;
}

/*
.vertical ruby > rt{
	margin-top: 0.8vh;
	margin-top: 0.8dvh;
	letter-spacing: -0.05em;
}
*/

.vertical rt.alters{					/* 左線ドット(ルビ) */
	transform: translateX(-0.1vw);
	border-left: 1px dotted black;
}
.noRuby rt{						/* ルビー非表示 */
	display: none;
}
.global rt.global{					/* ルビー全表示 */
	display: ruby-text;
}
/*
.horizontal ruby > rt{
	font-size:65%;
}
*/
table.popup_data_menu,				/* pop-up 反転語メニュー */
table.popup_term_menu,				/* pop-up 語登録メニュー */
table.popup_yomi_menu,				/* pop-up ルビ登録メニュー */
table.popup_normal_menu,			/* pop-up 標準メニュー */
table.popup_search{
	display: none;
	position: absolute;
	width: auto;
	border: 0.05vw gray solid;
	padding:0.2vw;
	box-shadow: 0.4vw 0.4vh 0.25vw #c0c0c0;
	box-shadow: 0.4vw 0.4dvh 0.25vw #c0c0c0;
	background-color: white;
	border-collapse: separate;
	border-radius: 0.3vh;
	border-radius: 0.3dvh;
	z-index: 100;
}
input#alternativeTermText,
input#alternativeYomiText{
	font-size: 100%;
	width: 3vw;
}
input#alternativeTermText:hover,
input#alternativeYomiText:hover{
	background-color: #c0c0c0;
}

table.popup_term_menu td,
table.popup_yomi_menu td,
table.popup_normal_menu td,
table.popup_search td{
	padding: 0.2vw;
	font-size: 100%;
	white-space: nowrap;
}
table.popup_term_menu td.alternativeTerm:hover,
table.popup_term_menu td#alternativeTermConfirmed:hover,
table.popup_term_menu td#alternativeTermDelete:hover,
table.popup_yomi_menu td.alternativeYomi:hover,
table.popup_yomi_menu td#alternativeYomiConfirmed:hover,
table.popup_normal_menu td.reversing:hover,
table.popup_normal_menu td.reversed:hover,
table.popup_normal_menu td.ssml:hover{
	background-color: #c0c0c0;
}
/*
 ******************************
	補助情報アイコン
 ==============================
*/
.vertical p>cite>data>img{
	transform: rotate(90deg);
	margin: 0vh -1.0vw -0.5vh 0vw;
	margin: 0dvh -1.0vw -0.5dvh 0vw;
}
p>cite>data>img{
	width: 0.5vw;
	height: 1.5vh;
	height: 1.5dvh;
	margin: 0vh 0vw 1.0vh 0vw;
	margin: 0dvh 0vw 1.0dvh 0vw;
}
.noIcon img{
	display:none;
}

/*
*********************************
	ポップアッププレイヤー
 =================================
*/
.popup_player td{
	padding-left: 1vw;
}
.popup_player_menu{
	display: none;
	width: 100%;
	height: 8vh;
	height: 8dvh;
	background-color: black;
	opacity: 0.65;
	transition: .7s;
	position: absolute;
	bottom: 2vh;
	bottom: 2dvh;
	z-index: 1001;
}
.popup_player_bottom{
	width: 100%;
	height: 2vh;
	height: 2dvh;
	opacity: 0;
	position: absolute;
	bottom: 0;
	z-index: 1000;
}
.popup_player_menu .control{
	position: absolute;
	top:0;
	width: 70%;
	left:3vw;
	margin: 0.5vw;
}
.popup_player_menu table.buttons{
	position: absolute;
	top:0;
	right:0;
	text-align: right;
	width: 15%;
	margin: 0.5vw;
}
.popup_player_menu .monitorButtons{
	/*position: absolute;
	top:0;
	right:0;*/
	/*width: 15%;*/
	margin: 0.25vw;
}
.popup_player_menu .loginPop{
	/*position: absolute;
	top:1.5vh;
	right:5vw;*/
	font-weight: bold;
	padding-right:0.5vw;
	/*width: 15%;*/
	/*margin: 0.5vw;*/
}
.loginPop a:link{
	color: #4b8523;		 	/* 青色を変更 */
}
.loginPop a:visited{
	color: #cee2c0;			/* 紫色を変更 */
}
.popup_player_menu .monitorButtons img{
	width: 2.5vw;
	margin: 0.25vw;
	padding-right: 0.5vw;
}
.popup_player_menu select.bookmark{
	opacity: 1;
}

.popup_player_menu select.bookmark>option{
	font-weight: bold;
}
/*
  slider
*/
.volumeSlider div.sliderRange,
.speedSlider div.sliderRange{
	margin-top:-0.25vh;
	margin-top:-0.25dvh;
	margin-left: 0.4vw;
	width: 90%;
	height: 0.5vh;
	height: 0.5dvh;
}
/* css つまみサイズと色を調整 */
.volumeSlider div.sliderRange .ui-slider-handle,
.speedSlider div.sliderRange .ui-slider-handle{
	width:0.5vw;
	height:0.8vh;
	height:0.8dvh;
	margin-top:-0.2px;
	background:#ffffff;
	/*border:3px solid #4b8523;*/
}
.progressSlider div.sliderRange{
	margin-top:1.2vh;
	margin-top:1.2dvh;
	margin-left: 0.4vw;
	width: 98.5%;
	height: 1.2vh;
	height: 1.2dvh;
}
.popup_player .progressSlider div.sliderRange{
	margin-top: -0.25vh;
	margin-top: -0.25dvh;
	margin-left: 2vw;
	width: 85%;
	height: 1.2vh;
	height: 1.2dvh;
}
/* css つまみサイズと色を調整 */
.progressSlider div.sliderRange .ui-slider-handle{
	width:0.5vw;
	height:1.5vh;
	height:1.5dvh;
	margin-top:-0.2px;
	background:#ffffff;
	/*border:3px solid #4b8523;*/
}

@charset "UTF-8";
/*
 css/mod/layout.css
 -------------------
 ページ全体のレイアウト
*/

div{
	/*font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
	font-feature-settings: "palt";
	border-style:solid;
	border-width: 1px;
	border-color: #7d9c39;	/* 125,156,57 */
	box-sizing: border-box;
}

body{
	overflow: hidden;
}

#container{
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	/*background-color: #ffffff;*/
}
.busyCursor{
	cursor: progress;	// cursor busy
}
div.menu{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height:8.5vh;
	height:8.5dvh;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	z-index: 6;
}
.sideways div.menu{
	height: 16vh;
	height: 16dvh;
}
div.edit{
	position: fixed;
	width: 100%;
	height: 100%;

	z-index: 5;
	border-radius: 0.5%;
}
div.player{
	display: none;
}
body.rtl div.player{
	direction: rtl;
	unicode-bidi: bidi-override;
}
div.supplement{
	display: none;
}
body.rtl div.supplement{
	direction: rtl;
	unicode-bidi: bidi-override;
}
@charset "UTF-8";
/*
 css/mod/playerPane.css
 -------------------
 再生プレーヤー枠内のレイアウト
*/
td.viewSwitch{
	margin: 0.7vw 0.15vw 0.3vw 0.3vw;
	width: 20%;
	border-width:0vh;
	border-width:0dvh;
	vertical-align: middle;
	text-align: center;
}
td.viewSwitch input[type="radio"]{
	display: none;
}
td.viewSwitch input + label{
	/*position: relative;*/
	display: inline-block;
	background-repeat: no-repeat;
	background-size:contain;
	width: 3.5vw;
	height: 3.0vh;
	height: 3.0dvh;
}
td.playerMeter{
	/*margin: 0.3vw 0.3vw 0.3vw 0.15vw;*/
	padding: 1%;
	width: 80%;
	vertical-align: middle;
	font-size: 80%;
	/*background-color: #90c226;*/
	box-shadow: 0.02vh 0.02vh 0.02vh 0.02vh /*#90c226*/;
	box-shadow: 0.02dvh 0.02dvh 0.02dvh 0.02dvh /*#90c226*/;
	border-radius: 0.15vw;
}
table.playerMeter{
	width: 100%;
	table-layout: fixed;
}
table.playerMeter th,
table.playerMeter td{
	padding-top: 0.25vh;
	padding-top: 0.25dvh;
	padding-left: 0.75vw;
	padding-right: 0.25vw;
	/* ellipsis */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sliders table,
.players table{
	width: 90%;
}
.players img{
	width: 4.3vw;
	height: 5vh;
	height: 5dvh;
}
td.skipButton img{
	height: 2.4vh;
	height: 2.4dvh;
}
.players td.bookmark img{
	height: 4.0vh;
	height: 4.0dvh;
	width: auto;
}
/*
  slider
*/
.sliders div.sliderRange{
	margin-left: 0.4vw;
	width: 90%;
	height: 0.5vh;
	height: 0.5dvh;
}
/* css つまみサイズと色を調整 */
.sliders div.sliderRange .ui-slider-handle{
	width:0.5vw;
	height:0.8vh;
	height:0.8dvh;
	margin-top:-0.2px;
	background:#ffffff;
	/*border:3px solid #4b8523;*/
}
.players div.sliderRange{
	margin-top:1.2vh;
	margin-top:1.2dvh;
	margin-left: 0.4vw;
	width: 96.5%;
	height: 1.2vh;
	height: 1.2dvh;
}
/* css つまみサイズと色を調整 */
.players  div.sliderRange .ui-slider-handle{
	width:0.5vw;
	height:1.5vh;
	height:1.5dvh;
	margin-top:-0.2px;
	background:#ffffff;
	/*border:3px solid #4b8523;*/
}
/*
  bookmark
*/
select.bookmark{
	display: none;
	position: absolute;
	z-index: 2000;
}
/*
  recognize
*/
#wait4Recognize{
	width: 8vw;
	z-index: 1000;
}
/*
  tooltip
*/
#titleToolTip{
	font-family: Arial, sans-serif;
	line-height: 1;
	vertical-align: baseline;
}@charset "UTF-8";
/*
 css/mod/reset.css
 -------------------
 ブラウザ間の相違をリセットするCSS設定
*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
/*
	table alignment by hhonda.
*/
table.center{
	margin-left : auto ;
	margin-right : auto ;
}
table.left{
	margin-left : 0 ;
	margin-right : auto ;
}
table.right{
	margin-left : auto ;
	margin-right : 0 ;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
@charset "UTF-8";
/*
 css/mod/supplementPane.css
 -----------------------------
 補助資料タブ枠内のレイアウト
 -----------------------------
*/
/*
	タブ
*/
div.supplement_tab{
	position:absolute;
	margin:0;
	border-width:0;
	padding:0;
	font-size: 60%;
	top:0.05vh;
	top:0.05dvh;
	left:0;
	height: 2.2vh;
	height: 2.2dvh;
	width: 19.9vw;
}
div.supplement_tab>div>p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.supplement_tab>div{
	position: absolute;
	margin-top: 0.3vh;
	margin-top: 0.3dvh;
	height: 2.2vh;
	height: 2.2dvh;
	width: 3.1vw;
	padding-top: 0.125vw;
	text-align: center;
	border-width: 0.15vh 0.15vh 0vh 0.15vh;
	border-width: 0.15dvh 0.15dvh 0dvh 0.15dvh;
	border-style:solid;
	/*border-color:#90c226;*/
	border-radius: 0.6vh 0.6vh 0vh 0vh;
	border-radius: 0.6dvh 0.6dvh 0dvh 0dvh;
	/*background-color: #ffffff;*/
}
div.supplement_tab>div:nth-of-type(1){
	left: 0.25vw;
	z-index:7;
}
div.supplement_tab>div:nth-of-type(2){
	left: 2.91vw;
	z-index:6;
}
div.supplement_tab>div:nth-of-type(3){
	left: 5.57vw;
	z-index:5;
}
div.supplement_tab>div:nth-of-type(4){
	left: 8.23vw;
	z-index:4;
}
div.supplement_tab>div:nth-of-type(5){
	left: 10.89vw;
	z-index:3;
}
div.supplement_tab>div:nth-of-type(6){
	left: 13.55vw;
	z-index:2;
}
div.supplement_tab>div:nth-of-type(7){
	left: 16.21vw;
	z-index:1;
}

/*
	ボディ
*/
div.supplement_body{
	position: absolute;
	margin:0;
	border-width:0;
	padding:0;
	font-size: 60%;
	top: 2.1vh;
	top: 2.1dvh;
	left: 0;
	width: 19.9vw;
	height: 35.6vh;
	height: 35.6dvh;
}
div.supplement_body ruby>rt{
	font-size: 40%;
}
div.sup_tab_body ul{
	padding-left: 1vw;
	list-style-type: disc;
}
div.sup_tab_body ol{
	padding-left: 1vw;
	list-style-type: decimal;
}
div.sup_tab_body h1              { font-size: 2em; margin: .34em 0 }
div.sup_tab_body h2              { font-size: 1.5em; margin: .38em 0 }
div.sup_tab_body h3              { font-size: 1.17em; margin: .41em 0 }

/*
	body>div
*/
div.supplement_body>div{
	display: none;
	position: absolute;
	margin: 0.3vh;
	margin: 0.3dvh;
	border: 0.15vh solid;
	border: 0.15dvh solid;
	padding: 0.3vh;
	padding: 0.3dvh;
	width: 98%;
	height: 100%;
}

#consoleView{
	overflow: scroll;
	white-space: nowrap;
}
#memoView{
	/*border: 0.05vh solid;
	/*border: 0.05dvh solid;
	padding: 0.5%;*/
	background-color: gray;
	color: white;
	overflow: scroll;
}
#configView{
	overflow: scroll;
}
#imageView{
	margin: 0;
	border: 0;
	box-shadow: 'none';
	padding: 0;
}

/*
	dtd/dl/dd
*/
dt {
    font-weight: bold;
}

dl,
dd {
    font-size: .9rem;
}

dd {
    margin-bottom: 0.5em;
    padding-left: 2em;
}
	
/*
	フォーカス・アンフォーカス
*/
.sup_tab_body.noFocus>*{
	display: none;
}
/*
	音声・映像
*/
div.supplement_body #jp_container_audio{
	margin-left: auto;
	margin-right: auto;
	/*zoom: 63.5%;*/
}
div.supplement_body #jp_container_video{
	/*margin-left: 10vw;*/
	margin-left: auto;
	margin-right: auto;
	/*zoom: 35%;*/
}
div.supplement_body .playback>#jp_container_video{
	/*margin-left: 0.6vw;*/
	margin-left: auto;
	margin-right: auto;
	/*zoom: 53.3%;*/
}
#audioView .jp-container{
	zoom: 63.5%;
}
/*
div.supplement_body .jp_video_parameters{
	zoom: 70%;
}
*/
.jp_video_parameters td,
.jp_audio_parameters td{
	text-align: center;
	vertical-align: middle;
	padding: 0.2vh;
	padding: 0.2dvh;
}
#jp_container_video .jp-jplayer{		/* 強制的にjp-video-270pクラスでエリア確保*/
	width: 34.3839vw;
	height: 39.358575vh;
	height: 39.358575dvh;
}
#youtubePlayer{
	display: none;
	width: 34.3839vw;
	height: 39.358575vh;
	height: 39.358575dvh;
}
#fullscreenElem{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
}
.playback hr{
	display: none;
}
.playback #fullscreenElem{
	width: 100%;
	height: 100%;
}
/*
	イメージ
*/
#imageView.playback .buttons{
	display:none;
}

#imageArea{
	 /*position: relative;
	 text-align: center;*/
	 width: 97.4359%;
	 height: 86.0927%;
}
#imageView div.buttons{
	margin-top: 0.1vh;
	margin-top: 0.1dvh;
	text-align: center;
}
#inlineSVG{
	position: absolute;
	width: 100%;
	height:auto;
}
#googleMap,
#googlePano{
	position: absolute;
	height:100%;
	width: 100%;
}
#configView th.line{
	text-align: right;
}
#configView table,
#configView th,
#configView td{
	border:1px dotted /*#90c226*/;
	/*margin: 0.2vw;*/
	padding: 0.3vh 0.4vw 0.3vh 0.4vw;
	padding: 0.3dvh 0.4vw 0.3dvh 0.4vw;
}
/*! Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License */

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 - 2014 Happyworm Ltd
 * Licensed under the MIT license.
 *  - http://www.opensource.org/licenses/mit-license.php
 *
 * Author: Silvia Benvenuti
 * Skin Version: 5.1 (jPlayer 2.8.0)
 * Date: 13th November 2014
 */

/*
 * s2cmp�p��px�l��vw/vh�ɕϊ�
 *
 * 2020 Hirohide Honda
 */

.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
  /* Disable the browser focus highlighting. */
  outline: none; }

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border: 0; }

.jp-audio,
.jp-audio-stream,
.jp-video {
  font-size: /*16px*/ 1.14613vw;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1.6;
  color: #666;
  border: /*1px*/ 0.1457725vh solid #009be3;
  background-color: #eee; }

.jp-audio {
  width: /*420px*/ 30.0859125vw; }

.jp-audio-stream {
  width: /*182px*/ 13.03722875vw; }

.jp-video-240p {
  width: 19.0768vw; }

.jp-video-270p {
  width: /*480px*/ 34.3839vw; }

.jp-video-360p {
  width: /*640px*/ 45.8452vw; }

.jp-video-full {
  /* Rules for IE6 (full-screen) */
  width: /*480px*/ 34.3839vw;
  height: /*270px*/ 39.358575vh;
  /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
  position: static !important;
  position: relative; }

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-video-full div div {
  z-index: 1000; }

.jp-video-full .jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  overflow: hidden; }
#jquery_jplayer_video{				/* HH3 */
  /* for s2cmp */
  text-align: center;
}
.jp-video-full .jp-gui {
  position: fixed !important;
  position: static;
  /* Rules for IE6 (full-screen) */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  /* 1 layer above the others. */ }

.jp-video-full .jp-interface {
  position: absolute !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  bottom: 0;
  left: 0; }

.jp-interface {
  position: relative;
  background-color: #eee;
  width: 100%; }

.jp-audio .jp-interface {
  height: /*80px*/ 11.6618vh; }

.jp-audio-stream .jp-interface {
  height: /*80px*/ 11.6618vh; }

.jp-video .jp-interface {
  border-top: /*1px*/ 0.1457725vh solid #009be3; }

/* @group CONTROLS */
.jp-controls-holder {
  clear: both;
  width: /*440px*/ 31.518575vw;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: /*-8px*/ -1.16618vh;
  /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ }

.jp-interface .jp-controls {
  margin: 0;
  padding: 0;
  overflow: hidden; }

.jp-audio .jp-controls {
  width: /*380px*/ 27.2205875vw;
  padding: /*20px*/ 2.91545vh /*20px*/ 1.6666625vw 0 /*20px*/ 1.4326625vw; }

.jp-audio-stream .jp-controls {
  position: absolute;
  top: /*20px*/ 2.91545vh;
  left: /*20px*/ 1.4326625vw;
  width: /*142px*/ 10.17190375vw; }

.jp-video .jp-type-single .jp-controls {
  width: /*78px*/ 5.58738375vw;
  margin-left: /*200px*/ 14.326625vw; }

.jp-video .jp-type-playlist .jp-controls {
  width: /*134px*/ 9.59883875vw;
  margin-left: /*172px*/ 12.3208975vw; }

.jp-video .jp-controls {
  float: left; }

.jp-controls button {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: /*-9999px*/ -716.2596169vw;
  border: none;
  cursor: pointer; }

.jp-play {
  width: /*40px*/ 2.865325vw;
  height: /*40px*/ 5.8309vh; }

.jp-play {
  background: url("../image/jp_play.jpg") 0 0 / 2.865325vw 5.976673vh no-repeat; }

.jp-play:focus {
  background: url("../image/jp_play_focus.jpg") 0 0 / 2.865325vw 5.976673vh no-repeat; }

.jp-state-playing .jp-play {
  background: url("../image/jp_state_playing.jpg") 0 0 / 2.865325vw 5.976673vh no-repeat; }

.jp-state-playing .jp-play:focus {
  background: url("../image/jp_state_playing_focus.jpg") 0 0 / 2.865325vw 5.976673vh no-repeat; }

.jp-stop, .jp-previous, .jp-next {
  width: /*28px*/ 2.0057275vw;
  height: /*28px*/ 4.08163vh;
  margin-top: /*6px*/ 0.874635vh; }

.jp-stop {
  background: url("../image/jp_stop.jpg") 0 0 / 2.005728vw 4.08163vh no-repeat;
  margin-left: /*10px*/ 0.71633125vw; }

.jp-stop:focus {
  background: url("../image/jp_stop_focus.jpg") 0 0 / 2.005728vw 4.08163vh no-repeat; }

.jp-previous {
  background: url("../image/jp_previous.jpg") 0 0 / 2.005728vw 4.08163vh no-repeat; }

.jp-previous:focus {
  background: url("../image/jp_previous_focus.jpg") 0 0 / 2.005728vw 4.08163vh no-repeat; }

.jp-next {
  background: url("../image/jp_next.jpg") 0 0 / 2.005728vw 4.08163vh no-repeat; }

.jp-next:focus {
  background: url("../image/jp_next_focus.jpg") 0 0 / 2.005728vw 4.08163vh no-repeat; }

/* @end */
/* @group progress bar */
.jp-progress {
  overflow: hidden;
  background-color: #ddd; }

.jp-audio .jp-progress {
  position: absolute;
  top: /*32px*/ 4.66472vh;
  height: /*15px*/ 2.1865875vh; }

.jp-audio .jp-type-single .jp-progress {
  left: /*110px*/ 7.87964375vw;
  width: /*186px*/ 13.32376125vw; }

.jp-audio .jp-type-playlist .jp-progress {
  left: /*166px*/ 11.89109875vw;
  width: /*130px*/ 9.31230625vw; }

.jp-video .jp-progress {
  top: /*0px*/ 0vh ;
  left: /*0px*/ 0vw;
  width: 100%;
  height: /*10px*/ 1.457725vh; }

.jp-seek-bar {
  background: url("../image/jp_seek_bar.jpg") repeat-x;
  width: /*0px*/ 0vw;
  height: 100%;
  cursor: pointer; }

.jp-play-bar {
  background: url("../image/jp_play_bar.jpg") repeat-x;
  width: /*0px*/ 0vw;
  height: 100%; }

/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
  background: url("../image/jplayer.blue.monday.seeking.gif"); }

/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
  display: none; }

.jp-volume-controls {
  position: absolute;
  top: /*32px*/ 4.66472vh;
  left: /*308px*/ 22.0630025vw;
  width: /*200px*/ 14.326625vw; }

.jp-audio-stream .jp-volume-controls {
  left: /*70px*/ 5.01431875vw; }

.jp-video .jp-volume-controls {
  top: /*12px*/ 1.74927vh;
  left: /*50px*/ 3.58165625vw; }

.jp-volume-controls button {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: /*-9999px*/ -716.2596169vw;
  border: none;
  cursor: pointer; }

.jp-mute,
.jp-volume-max {
  width: /*18px*/ 1.28939625vw;
  height: /*15px*/ 2.1865875vh; }

.jp-volume-max {
  left: /*74px*/ 5.30085125vw; }

.jp-mute {
  background: url("../image/jp_mute.jpg") 0 0 / 1.289396vw 2.33236vh no-repeat; }

.jp-mute:focus {
  background: url("../image/jp_mute_focus.jpg") 0 0 / 1.289396vw 2.33236vh no-repeat; }

.jp-state-muted .jp-mute {
  background: url("../image/jp_state_muted.jpg") 0 0 / 1.289396vw 2.33236vh no-repeat; }

.jp-state-muted .jp-mute:focus {
  background: url("../image/jp_state_muted_focus.jpg") 0 0 / 1.289396vw 2.33236vh no-repeat; }

.jp-volume-max {
  background: url("../image/jp_volume_max.jpg") 0 0 / 1.432663vw 2.33236vh no-repeat; }

.jp-volume-max:focus {
  background: url("../image/jp_volume_max_focus.jpg") 0 0 / 1.432663vw 2.33236vh no-repeat; }

.jp-volume-bar {
  position: absolute;
  overflow: hidden;
  background: url("../image/jp_volume_bar.jpg") repeat-x;
  top: /*5px*/ 0.7288625vh;
  left: /*22px*/ 1.57592875vw;
  width: /*46px*/ 3.29512375vw;
  height: /*5px*/ 0.7288625vh;
  cursor: pointer; }

.jp-volume-bar-value {
  background: url("../image/jp_volume_bar_value.jpg") repeat-x;
  width: /*0px*/ 0vw;
  height: /*5px*/ 0.7288625vh; }

/* @end */
/* @group current time and duration */
.jp-audio .jp-time-holder {
  position: absolute;
  top: /*50px*/ 7.288625vh; }

.jp-audio .jp-type-single .jp-time-holder {
  left: /*110px*/ 7.87964375vw;
  width: /*186px*/ 13.32376125vw; }

.jp-audio .jp-type-playlist .jp-time-holder {
  left: /*166px*/ 11.89109875vw;
  width: /*130px*/ 9.31230625vw; }

.jp-current-time,
.jp-duration {
  width: /*60px*/ 4.2979875vw;
  font-size: /*.64em*/ 0.7335232vw;
  font-style: oblique; }

.jp-current-time {
  float: left;
  display: inline;
  cursor: default; }

.jp-duration {
  float: right;
  display: inline;
  text-align: right;
  cursor: pointer; }

.jp-video .jp-current-time {
  margin-left: /*20px*/ 1.4326625vw; }

.jp-video .jp-duration {
  margin-right: /*20px*/ 1.4326625vw; }

/* @end */
/* @group playlist */
.jp-details {
  font-weight: bold;
  text-align: center;
  cursor: default; }

.jp-details,
.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: /*1px*/ 0.1457725vh solid #009be3; }

.jp-type-single .jp-details,
.jp-type-playlist .jp-details {
  border-top: none; }

.jp-details .jp-title {
  margin: 0;
  padding: /*5px*/ 0.7288625vh /*20px*/ 1.6666625vw;
  font-size: /*.72em*/ 0.8252136vw;
  font-weight: bold; }

.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 /*20px*/ 1.6666625vw;
  font-size: /*.72em*/ 0.8252136vw; }

.jp-playlist li {
  padding: /*5px*/ 0.7288625vh 0 /*4px*/ 0.58309vh /*20px*/ 1.4326625vw;
  border-bottom: /*1px*/ 0.1457725vh solid #eee; }

.jp-playlist li div {
  display: inline; }

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
  padding: /*5px*/ 0.7288625vh 0 /*5px*/ 0.7288625vh /*20px*/ 1.4326625vw;
  border-bottom: none; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: /*7px*/ 0.501431875vw; }

div.jp-type-playlist div.jp-playlist a {
  color: #333;
  text-decoration: none; }

div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: /*10px*/ 0.71633125vw;
  font-weight: bold;
  color: #666; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: /*10px*/ 0.71633125vw; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1; }

span.jp-artist {
  font-size: /*.8em*/ 0.916904vw;
  color: #666; }

/* @end */
.jp-video-play {
  width: 100%;
  overflow: hidden;
  /* Important for nested negative margins to work in modern browsers */
  cursor: pointer;
  background-color: transparent;
  /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }

.jp-video-240p .jp-video-play {
  margin-top: /*-240px*/ -21.83684vh;
  height: /*240px*/ 21.83684vh; }

.jp-video-270p .jp-video-play {
  margin-top: /*-270px*/ -39.358575vh;
  height: /*270px*/ 39.358575vh; }

.jp-video-360p .jp-video-play {
  margin-top: /*-360px*/ -52.4781vh;
  height: /*360px*/ 52.4781vh; }

.jp-video-full .jp-video-play {
  height: 100%; }

.jp-video-play-icon {
  position: relative;
  display: none;					/* for displaying the poster image on the top.  HH3*/
  width: /*112px*/ 8.02291vw;
  height: /*100px*/ 14.57725vh;
  margin-left: /*-56px*/ -4.011455vw;
  margin-top: /*-50px*/ -7.288625vh;
  left: 50%;
  top: 50%;
  background: url("../image/jp_video_play_icon.png") 0 0 / /*111 101*/ 7.951276875vw 14.7230225vh no-repeat;
  text-indent: /*-9999px*/ -716.2596169vw;
  border: none;
  cursor: pointer; }

.jp-video-play-icon:focus {
  background: url("../image/jp_video_play_icon_focus.png") 0 0 / /*111 101*/ 7.951276875vw 14.7230225vh no-repeat; }

.jp-jplayer audio,
.jp-jplayer {
  width: /*0px*/ 0vw;
  height: /*0px*/ 0wh; }

.jp-jplayer {
  background-color: #000000; }

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles {
  padding: 0;
  margin: 0 auto;
  overflow: hidden; }

.jp-audio .jp-type-single .jp-toggles {
  width: /*25px*/ 1.790828125vw; }

.jp-audio .jp-type-playlist .jp-toggles {
  width: /*55px*/ 3.939821875vw;
  margin: 0;
  position: absolute;
  left: /*325px*/ 23.28076563vw;
  top: /*50px*/ 7.288625vh; }

.jp-video .jp-toggles {
  position: absolute;
  right: /*16px*/ 1.14613vw;
  margin: 0;
  margin-top: /*10px*/ 1.457725vh;
  width: /*100px*/ 7.1633125vw; }

.jp-toggles button {
  display: block;
  float: left;
  width: /*25px*/ 1.790828125vw;
  height: /*18px*/ 2.623905vh;
  text-indent: /*-9999px*/ -716.2596169vw;
  line-height: 100%;
  /* need this for IE6 */
  border: none;
  cursor: pointer; }

.jp-full-screen {
  background: url("../image/jp_full_screen.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat;
  margin-left: /*20px*/ 1.4326625vw; }

.jp-full-screen:focus {
  background: url("../image/jp_full_screen_focus.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-state-full-screen .jp-full-screen {
  background: url("../image/jp_state_full_screen.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-state-full-screen .jp-full-screen:focus {
  background: url("../image/jpl_state_full_screen_focus.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-repeat {
  background: url("../image/jp_repeat.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-repeat:focus {
  background: url("../image/jp_repeat_focus.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-state-looped .jp-repeat {
  background: url("../image/jp_state_looped.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-state-looped .jp-repeat:focus {
  background: url("../image/jp_state_looped_focus.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-shuffle {
  background: url("../image/jp_shuffle.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat;
  margin-left: /*5px*/ 0.358165625vw; }

.jp-shuffle:focus {
  background: url("../image/jp_shuffle_focus.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-state-shuffled .jp-shuffle {
  background: url("../image/jp_state_shuffled.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

.jp-state-shuffled .jp-shuffle:focus {
  background: url("../image/jp_state_shuffled_focus.jpg") 0 0 / 1.790828vw 2.623905vh no-repeat; }

/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: /*5px*/ 0.7288625vh;
  font-size: /*.8em*/ 0.916904vw;
  background-color: #eee;
  border: /*2px*/ 0.291545vh solid #009be3;
  color: #000;
  display: none; }

.jp-no-solution a {
  color: #000; }

.jp-no-solution span {
  font-size: /*1em*/ ;
  display: block;
  text-align: center;
  font-weight: bold; }

/* @end */