body{
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.menu-icon::after{
	background-color: #000000;
	box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
	-webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}

img.logo{
	background-color: #ffffff;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 34px;
}
img.naito{
	background-color: #ffffff;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 32px;
}

.top-bar, .top-bar ul{
	background-color: #ffffff;
}

.title-bar{
	background-color: #ffffff;
}

.top-bar-left{
	display: contents;
	/*margin-top: 10px;
	margin-bottom: 10px; */
}

/*
.top-bar-right{
}
*/

.top-menu-topics{
	border-style: solid;
	border-color: #cacaca;
	border-width: 2px;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a{
	padding-top: 11px;
	padding-bottom: 11px;
}

.title-bar .menu-icon{
	background-color: #000000;
}

/*
.topics-label span{
}
*/

li.topics-label{
	display: table;
	width: 100%;
}

.topics-label a{
	display: table-cell;
}

.topics-label i{
	display: table-cell;
	width: 3em;
}

.topics-label i::before{
	font-size: 20px;
	margin-left: 1em;
}

.topics-label i.market{
	color: #E09A2D;
}

.topics-label i.impact{
	color: #AF0001;
}

.topics-label i.financial{
	color: #AA0059;
}
.topics-label i.ranking{
	color: #00661A;
}
.topics-label i.technical{
	color: #678040;
}
.topics-label i.economic{
	color: #003366;
}
.topics-label i.forex{
	color: #0085B2;
}
.topics-label i.colum{
	color: #661A00;
}
.topics-label i.large{
	color: #606C78;
}

/*
.vertical > li > a{
	color: #ffffff;
}
*/

td.topics{
	width: 6em;
}

span.topics{
	border-style: solid;
	color: white;
	display: block;
	text-align: center;
	width: 70px;
	height: 30px;
}
.topics.market{
	background-color: #E09A2D;
	border-color: #E09A2D;
}
.topics.impact{
	background-color: #AF0001;
	border-color: #AF0001;
}
.topics.financial{
	background-color: #AA0059;
	border-color: #AA0059;
}
.topics.ranking{
	background-color: #00661A;
	border-color: #00661A;
	font-size: 12px;
	padding-top: 3px;
}
.topics.technical{
	background-color: #678040;
	border-color: #678040;
	font-size: 12px;
	padding-top: 3px;
}
.topics.economic{
	background-color: #003366;
	border-color: #003366;
}
.topics.forex{
	background-color:#0085B2;
	border-color: #0085B2;
}
.topics.colum{
	background-color: #661A00;
	border-color: #661A00;
}
.topics.large{
	background-color: #606C78;
	border-color: #606C78;
	font-size: 12px;
	padding-top: 3px;
}


a.headline{
	color: #01419A;
}

.headline{
	border-left: 8px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
.headline.market{
	border-style: solid;
	border-color: #E09A2D;
}
.headline.impact{
	border-style: solid;
	border-color: #AF0001;
}

.headline.financial{
	border-style: solid;
	border-color: #AA0059;
}

.headline.ranking{
	border-style: solid;
	border-color: #00661A;
}

.headline.technical{
	border-style: solid;
	border-color: #678040;
}

.headline.economic{
	border-style: solid;
	border-color: #003366;
}

.headline.forex{
	border-style: solid;
	border-color: #0085B2;
}

.headline.colum{
	border-style: solid;
	border-color: #661A00;
}

.headline.large{
	border-style: solid;
	border-color: #606C78;
}

.headline.grid-x{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.top-bar{
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/*
.top-bar input {
	width: 10em;
	margin: auto;
}
*/

.top-bar-right div{
	display: flex;
	background-color: #ccc;
	/* margin: auto; */
	vertical-align: text-top;
}

input.kwd {
	width: 10em;
	margin: auto;
	height: 42px;
}

input.ymd{
	width: 10em;
	margin: auto;
	cursor: pointer;
	height: 42px;
}

button.kwd{
	width: 42px;
	cursor: pointer;
}

i.glass{
	cursor: pointer;
}

i.glass::before{
	font-size: 37px;
}


.clear-icon{
	margin: auto;
	background-color: #ccc;
	padding: 7px;
}

.clear-icon:after{
	line-height: initial;
	content: "\f217";
	font-family: foundation-icons;
}

/*
img.icon {
	//width: fit-content;
	//height: fit-content;
	margin: auto;
	width: 24px;
	height: 24px;
}
*/

span.calendar{
	width: 42px;
	text-align: center;
}

i.calendar{
	cursor: pointer;
}

i.calendar::before{
	font-size: 37px;
}

button.refresh{
	border: none;
	width: 42px;
	height: 42px;
}
button.refresh::before{
	color: #ffffff;
	content: "\f1a5";
	font-family: foundation-icons;
	font-size: 32px;
}

div.right-menu{
	display: inline-flex;
	margin-top: 0.5em;
}

div.right-logo{
	display: flex;
	height: 42px;
	background-color: white;
}

/*
input.calendar {
}
*/

/*
.calendar-icon:after{
	line-height: initial;
	font-size: 39px;
	content: "\f124";
	font-family: foundation-icons;
	background-color: #cacaca;
}

.glass-icon:after{
	line-height: initial;
	font-size: 39px;
	content: "\f16c";
	font-family: foundation-icons;
	background-color: #cacaca;
}
*/

.menu .button {
	white-space: nowrap;
	margin-bottom: auto;
}

.button.alert{
	font-size: x-large;
}

.title-bar-left{
	display: inline-table;
}

.pagination li{
	display: inline-block;
}

.disclaimer{
	font-size: 12px;
}

.button{
	background-color: #01419A;
}
.pagination .current{
	background-color: #01419A;
}

/* */
.ui-widget{
	font-size: small;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}