/* Base */

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 923px;
	color: rgb(0,0,0);
	background-color: rgb(245,248,250);
	font-size: 15px;
	line-height: 1.5;
	font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media (min-width: 1119px) {
	body {
		width: 1089px;
	}
}

body.responsive {
	width: calc((15px + 160px + 20px) + 100%);
}

@media (min-width: 720px) {
	body.responsive {
		width: 923px;
	}
}

@media (min-width: 1119px) {
	body.responsive {
		width: 1089px;
	}
}

body::after {
	clear: both;
	display: block;
	content: '';
}

ul, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: bottom;
}

a:hover {
	color: rgb(204,52,52);
	background: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.pc-block {
	display: none;
}

@media (min-width: 720px) {
	.pc-block {
		display: block;
	}
}

.pc-inline {
	display: none;
}

@media (min-width: 720px) {
	.pc-inline {
		display: inline;
	}
}

.pc-inline-block {
	display: none;
}

@media (min-width: 720px) {
	.pc-inline-block {
		display: inline-block;
	}
}

@media (min-width: 720px) {
	.sp {
		display: none;
	}
}

.float-outer::after {
	clear: both;
	display: block;
	content: '';
}


/* nav */

nav {
	float: left;
	margin-left: 15px;
	width: 160px;
	line-height: 1;
}

@media (min-width: 1119px) {
	nav {
		margin-left: 0;
		width: 336px;
	}
}

nav   ul {
	list-style-type: none;
}

nav   a {
	color: rgb(51,51,51);
	background-color: rgb(255,255,255);
	text-decoration: none;
}

nav   a.current {
	color: inherit;
	background-color: rgb(204,238,187) !important;
}

nav   a:hover {
	color: rgb(204,52,52);
	background-color: rgb(223,223,223) !important;
	text-decoration: none;
}

nav   div.menu-title {
	margin-top: 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 6px 0 5px;
	color: rgb(255,255,255);
	background-color: rgb(43,119,26);
	font-size: 12px;
	text-align: center;
}


/* nav > div.menu-top */

nav > div.menu-top > a.mtbs {
	display: block;
	margin: 0 auto;
	width: 125px;
}

@media (min-width: 1119px) {
	nav > div.menu-top > a.mtbs {
		float: left;
		margin: 0;
	}
}

nav > div.menu-top > div.menu-title {
	background-color: rgb(23,23,23);
}

@media (min-width: 1119px) {
	nav > div.menu-top > div.menu-title {
		float: right;
		margin-top: 0;
		width: 196px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
}

nav > div.menu-top > div.trade-latest {
	border: 1px solid rgb(23,23,23);
	border-top: none;
	width: 158px;
	height: 96px;
	color: rgb(51,51,51);
	background-color: rgb(255,255,255);
}

@media (min-width: 1119px) {
	nav > div.menu-top > div.trade-latest {
		float: right;
		width: 194px;
	}
}

nav > div.menu-top > div.trade-latest > a {
	display: block;
	padding: 5px 5px 0;
	height: calc(100% - 5px);
	font-size: 12px;
	line-height: 1.1;
	color: inherit;
	text-decoration: none;
	transition: 0.1s;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

@media (min-width: 1119px) {
	nav > div.menu-top > div.trade-latest > a {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
}

nav > div.menu-top > div.trade-latest > a > div.board-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

nav > div.menu-top > div.trade-latest > a > div.article-division {
	margin-top: 3px;
	font-weight: bold;
	color: navy;
}

nav > div.menu-top > div.trade-latest > a > div.article-title {
	margin-top: 1px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

nav > div.menu-top > div.trade-latest > a > div.article-comment {
	margin-top: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

nav > div.menu-top > div.trade-latest > a > div.right-justified-outer {
	margin-top: 3px;
	text-align: right;
}

nav > div.menu-top > div.trade-latest > a > div.right-justified-outer > div.right-justified-inner {
	display: inline-block;
	text-align: left;
	color: rgb(102,102,102);
}


/* nav > a.to-home */

nav > a.to-home {
	display: block;
	margin-top: 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: rgb(0,0,0) !important;
}

nav > a.to-home > img {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
	width: 160px;
	height: 28.971193px;
	transition: 0.1s;
}

@media (min-width: 1119px) {
	nav > a.to-home > img {
		width: 336px;
		height: 60.839506px;
	}
}

nav > a.to-home:hover > img {
	opacity: 0.8;
}


/* nav > ul.main-menu */

nav > ul.main-menu {
	display: flex;
}

nav > ul.main-menu > li {
	flex: none;
	width: calc(100% / 3);
}

nav > ul.main-menu > li > a {
	display: block;
	border: 1px solid rgb(127,127,127);
	border-top: none;
	border-right: none;
	padding: 45px 0 5px;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	transition: 0.1s;
}

nav > ul.main-menu > li:first-child > a {
	border-bottom-left-radius: 5px;
}

nav > ul.main-menu > li:last-child > a {
	border-right: 1px solid rgb(127,127,127);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 0;
}

nav > ul.main-menu > li.home > a {
	background: rgb(255,255,255) url('/img/icon/home.svg') center 6px/35px no-repeat;
}

nav > ul.main-menu > li.mypage > a {
	background: rgb(255,255,255) url('/img/icon/mypage.svg') center 6px/35px no-repeat;
}

nav > ul.main-menu > li.forum > a {
	background: rgb(255,255,255) url('/img/icon/forum.svg') center 6px/35px no-repeat;
}

nav > ul.main-menu > li.trade > a {
	background: rgb(255,255,255) url('/img/icon/trade.svg') center 6px/35px no-repeat;
}


/* nav > div.sub-menu */

nav > div.sub-menu > ul {
	display: flex;
	flex-wrap: wrap;
}

nav > div.sub-menu > ul > li {
	flex: none;
	display: table;
	width: calc(100% / 3);
}

@media (min-width: 1119px) {
	nav > div.sub-menu > ul > li {
		display: list-item;
	}
}

nav > div.sub-menu > ul > li > a {
	display: table-cell;
	height: 55px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.3;
	transition: 0.1s;
}

@media (min-width: 1119px) {
	nav > div.sub-menu > ul > li > a {
		display: block;
		padding: 10px 0;
		height: auto;
		line-height: 1;
	}
}

nav > div.sub-menu > ul > li:nth-child(3n+1) > a {
	border-left: 1px solid rgb(43,119,26);
}

nav > div.sub-menu > ul > li:nth-child(3n+2) > a {
	border-right: 1px solid rgb(43,119,26);
	border-left: 1px solid rgb(43,119,26);
}

nav > div.sub-menu > ul > li:nth-child(3n+3) > a {
	border-right: 1px solid rgb(43,119,26);
}

nav > div.sub-menu > ul > li:nth-child(n+4) > a {
	border-top: 1px solid rgb(43,119,26);
}

nav > div.sub-menu > ul > li:nth-last-child(-n+3) > a {
	border-bottom: 1px solid rgb(43,119,26);
}

nav > div.sub-menu > ul > li:nth-last-child(3) > a {
	border-bottom-left-radius: 5px;
}

nav > div.sub-menu > ul > li:nth-last-child(1) > a {
	border-bottom-right-radius: 5px;
}


/* div.right-bottom-menu */

div.right-bottom-menu {
	display: none;
}

@media (min-width: 1311px) {
	div.right-bottom-menu {
		display: block;
		position: fixed;
		right: 20px;
		bottom: 19px;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
}

div.right-bottom-menu > a {
	display: block;
	margin-bottom: 1px;
	padding: 36px 0 4px;
	width: 50px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
}

div.right-bottom-menu > a.to-page-top {
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
	margin-bottom: 10px;
	color: rgb(255,255,255);
	background: url('/img/icon/to-page-top-invert.svg') center 4px/30px no-repeat rgb(0,0,0);
}

div.right-bottom-menu > a.home {
	color: rgb(255,255,255);
	background: url('/img/icon/home-invert.svg') center 4px/30px no-repeat rgb(0,0,0);
}

div.right-bottom-menu > a.forum {
	color: rgb(255,255,255);
	background: url('/img/icon/forum-invert.svg') center 4px/30px no-repeat rgb(0,0,0);
}

div.right-bottom-menu > a.trade {
	color: rgb(255,255,255);
	background: url('/img/icon/trade-invert.svg') center 4px/29px no-repeat rgb(0,0,0);
}

div.right-bottom-menu > a:hover {
	color: rgb(255,255,255);
	background-color: rgb(64,64,64);
	text-decoration: none;
}


/* div.ContentsBox */

div.ContentsBox {
	float: right;
	margin-bottom: 15px;
	width: 728px;
}

div.ContentsBox > div.contents {
	/* Not used */
}


/* main */

main {
	display: block;	/* for IE 9-11 */
	float: right;
	margin-bottom: 15px;
	width: calc(100% - (15px + 160px + 20px));
}

@media (min-width: 720px) {
	main {
		width: 728px;
	}
}

main   p {
	margin: 5px 0;
}

main   li {
	margin: 5px 0 5px 15px;
	list-style-type: disc;
}

main   hr {
	border: none;
	border-bottom: 1px solid rgb(128,128,128);
}

main   a {
	color: rgb(0,51,204);
	background: inherit;
	text-decoration: none;
}

main   div.loadtime {
	margin: 20px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #666;
	background-color: inherit;
}


/* div.NaviBottom */

div.NaviBottom {
	float: left;
	margin: 0 0 30px 15px;
	width: 160px;
}

@media (min-width: 1119px) {
	div.NaviBottom {
		margin-left: 0;
		width: 336px;
	}
}

div.NaviBottom   ins.NaviBottom_Res1 {
	display: block;
	width: 160px;
	height: 600px;
}

@media (min-width: 1119px) {
	div.NaviBottom   ins.NaviBottom_Res1 {
		display: block;
		width: 336px;
		height: 280px;
	}
}

div.NaviBottom   ins.NaviBottom_Res2 {
	display: none;
}

@media (min-width: 1119px) {
	div.NaviBottom   ins.NaviBottom_Res2 {
		display: block;
		width: 336px;
		height: 280px;
	}
}