@charaset "UTF-8";

html {
	font-family: "ＭＳ ゴシック",sans-serif;
	-ms-overflow-style: scrollbar;
}

html,head,body {
	margin: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body {
	line-height:1.4em;
	background-color: #ffffff;
}

p {
	display: inline;
}

ul, li {
	margin: 0px;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

form input[type=text],
form input[type=password] {
	width: 100%;
	height: 25px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding-left: 5px;
}

form select {
	width: 100%;
	min-width: 150px;
	height: 25px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding-left: 5px;
}

input[type=submit],
.submit>input {
	min-width: 50px;
	min-height: 25px;
	font-size: 14px;
	padding: 5px 10px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border-radius: 8px;
	cursor : pointer;
}

.menuTitle {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
	background: linear-gradient(180deg, #0077ff, #66bbff);
	color: #ffffff;
	line-height: 1.5em;
}

.menuTitle.admin {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
}

.appStoreImage {
	margin: 10px;
}

.googlePlayImage img {
	width: 155px;
}

.formErrorMessage {
	color: #ff0000;
	font-size: 0.8em;
	text-align: right;
}

.required {
	color: #f00;
	font-size: 0.8em;
	line-height:1em;
}

.listPageInfo {
	width: 100%;
	display: table;
	height: 50px;
}
.listPageInfo .prev {
	width: 33%;
	display: table-cell;
	text-align:left;
	vertical-align: middle;
}
.listPageInfo .next {
	width: 33%;
	display: table-cell;
	text-align:right;
	vertical-align: middle;
}

.pageInfo {
	width: 100%;
	display: table;
}

.pageInfo .detail {
	font-size: 0.8em;
}
.pageInfo .time {
	font-size: 0.7em;
}
.pageInfo .prev {
	width: 33%;
	display: table-cell;
	text-align:left;
}
.pageInfo .now {
	display: table-cell;
	text-align:center;
}
.pageInfo .next {
	width: 33%;
	display: table-cell;
	text-align:right;
}

i.fa-user.guest,
i.fa-user.user,
i.fa-user.admin {
	position: relative;
}

i.fa-user.guest:after,
i.fa-user.user:after,
i.fa-user.admin:after {
	font-size:10px;
}

i.fa-user.guest:after {
	content: "GUEST";
}
i.fa-user.user,
i.fa-user.user:after {
	color: #66bbff;
	background: -webkit-linear-gradient(180deg, #0077ff, #66bbff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
i.fa-user.user:after {
	content: "USER";
}
i.fa-user.admin,
i.fa-user.admin:after {
	color: #ffbb66;
	background: -webkit-linear-gradient(180deg, #ff7700, #ffbb66);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
i.fa-user.admin:after {
	content: "ADMIN";
}

/* datepicker */
div.ui-datepicker {
	font-size: 80%;
}

/* header menu */
.headerMenu {
	position: fixed;
	display: table;
	height: 50px;
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	background: linear-gradient(180deg, #0000ff, #0077ff);
	border-bottom: solid 2px #cccccc;
	z-index: 100;
}
.headerMenu .title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
.headerMenu .title .name {
	color: #ffffff;
	text-decoration: none;
}
.headerMenu .login,
.headerMenu .user {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right: 10px;
}
.headerMenu .login a,
.headerMenu .user .name {
	color: #ffffff;
	text-decoration: none;
}
.headerMenu .user .setting a {
	color: #ccc;
	text-decoration: none;
}

/* content menu */
.contentMenu {
	height: 100%;
	width: 200px;
	position: absolute;
	background-color: #f5f5f5;
	border-right: solid 2px #cccccc;
	z-index: 99;
}

.contentMenu .sticky {
	padding-top: 50px;
	position: sticky;
	top: 0;
}
.contentMenu .menu {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: #000000;
}

.contentMenu .menu:hover {
	color: #0000ff;
	background-color: #ffffff;
	border-right: solid 2px #ffffff;
}

.contentMenu .menu.select {
	color: #0000ff;
	background-color: #ffffff;
	border-right: none;
	border-bottom: solid 2px #cccccc;
	border-left: solid 2px #cccccc;
 	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
}
.contentMenu .menu:not(:first-child).select {
	border-top: solid 2px #cccccc;
}

.contentMenu .copyright {
	width: 200px;
	padding-top: 0px;
	position: sticky;
	top: calc(100vh - 1.5rem);
	border-right: solid 2px #cccccc;
}
.contentMenu .copyright>span {
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size:0.8em;
	background-color: #f5f5f5
}

.container {
	position: relative;
	max-width: 1150px;
	min-width: 1020px;
	min-height: 100%;
	margin: 0 auto;
	box-shadow: 0 0 25px 10px rgba(0, 0, 0, .2);
}

/* content */
.content {
	width: 100%;
	height: 100%;
	padding-top: 50px;
	padding-left: 200px;
}

.content .mainContent {
	width: 100%;
	height: 100%;
	padding: 10px 10px;
	background-color: #fff;
}

/* login */
.loginContent {
	position: relative;
	height: 100%;
	width: 100%;
}

.loginBox {
	position: absolute;
	width: 400px;
	border: solid 1px #0000ff;
	border-radius: 10px;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.loginBox>form{
	padding: 10px;
}

.loginBox>form table {
	margin: 0 auto;
}

.loginBox>form td {
}

.loginBox>form input[type=text],
.loginBox>form input[type=password]{
	width: 250px;
	height: 25px;
}

.loginBox .submit {
	padding: 10px 0px 5px;
}

/* setting */
#settingPassword table {
	padding: 20px;
	margin: 0 auto;
}

#settingPassword input[type=password] {
	width:300px;
}

/* topContent */
.topContent {
	width: 100%;
	margin: 5px auto;
}
.topContent .game {
	max-width: 500px;
}
.topContent .twitterSpace {
	border: solid 2px #ddd;
}
.topContent .twitterSpace .message {
	padding: 5px;
}
.topContent .twitterSpace .twitter {
	width: 300px;
	height: 400px;
	text-align: center;
}

/* important notice */
.importantNotice {
	position: relative;
	color: #f00;
	margin: 5px;
}

.importantNotice .title {
	background-color: #fff;
	position: absolute;
	left: 0.5em;
	top: -0.5em;
	line-height:1em;
	padding: 0px 5px;
}

.importantNotice .list {
	border: solid 3px #f00;
	padding: 10px 5px 5px;
}

.importantNotice .list ul {
	padding-left: 1.5em;
	font-size: 1em;
}

/* notice */
.noticeArea {
	border: solid 1px #0000ff;
	width: 700px;
	margin: 5px auto;
}
.noticeArea .title {
	color: #fff;
	background: linear-gradient(180deg, #0077ff, #66bbff);
	padding: 5px;
	font-weight: bold;
}
.noticeArea .list {
}

.noticeArea .list .notice,
.noticeList .notice {
	display: table;
	width: 100%;
	border-bottom: solid 1px #eee;
	padding: 0px 3px;
	line-height: 26px;
}

.noticeArea .list .notice .time,
.noticeList .notice .time {
	white-space: nowrap;
	display: table-cell;
	width: 100px;
	padding-right: 5px;
}

.noticeArea .list .notice .memo,
.noticeList .notice .memo {
	display: table-cell;
}
.noticeArea .listLink {
	text-align: center;
	line-height: 50px;
}
.noticeArea .listLink a {
	color: #fff;
	background: linear-gradient(180deg, #0077ff, #66bbff);
	text-decoration: none;
	text-align: center;
	border: solid 1px #eee;
	border-radius: 4px;
	padding: 5px;
}

/*.twitterSpace {
	width: 300px;
	height: 500px;
	overflow-y: scroll;
}*/

/* game */
.gameContent {
	margin: 0 auto;
}
.gameList {
	padding: 0px 5px;
}

.gameList .game {
	margin: 0 auto;
	max-width: 500px;
	margin-top: 10px;
	padding: 10px;
	border: solid 2px #0000ff;
	display: table;
}
.gameDetail .info,
.gameList .game .info {
	display: table;
}
.gameDetail .info>div,
.gameList .game .info>div {
	display: table-cell;
	vertical-align: middle;
}
.gameDetail .info .iconImage,
.gameList .game .info .iconImage {
	float: left;
	width: 100px;
	height: 100px;
	border: solid 6px #bbb;
	border-radius: 20px;
	background-color: #bbb;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.gameDetail .info .iconImage img,
.gameList .game .info .iconImage img {
	width: 100px;
	height: 100px;
}
.gameDetail .info .text,
.gameList .game .info .text {
	padding-left: 10px;
}
.gameDetail .info .name,
.gameList .game .info .text .name {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}

.gameDetail .memo,
.gameList .game .memo {
	padding-top: 5px;
}

.gameList .game .version {
	padding-top: 5px;
	border-top: solid 3px #bbb;
}

.gameDetail .versionHistory {
	border-bottom: solid 3px #888;
}
.gameDetail .versionList {
	border-collapse: inherit;
	border-spacing: 5px;
}

.gameList .private {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	padding: 3px;
	margin-bottom: 10px;
	color: #fff;
}
.gameDetail .versionList .private {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	padding: 3px;
	color: #fff;
}

.gameDetail .versionList .time {
	font-size: 0.8em;
}
.gameDetail .versionList tr td:last-child {
	border-left: solid 3px #bbb;
	border-radius: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

.gameDetailDescription {
	line-height: 25px;
}

.gameDetailDescription .headline {
	width: 100%;
	margin: 5px 0px;
	border: solid 2px #0077ff;
	padding: 8px;
	color: #00f;
	background: linear-gradient(180deg, #66bbff, #99eeff);
}

.gameDetailDescription .subheadline {
	display: table;
	width: 100%;
	margin: 5px 0px;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

.gameDetailDescription .subheadline div {
	padding:3px 0px;
	display: table-cell;
	vertical-align: middle;
}

.gameDetailDescription .subheadline div img {
	vertical-align: middle;
}

/* tool */
.toolContent {
	margin: 0 auto;
}
.toolContent.top {
	min-width: 500px;
	margin-top: 10px;
	padding: 10px;
	border: solid 2px #0000ff;
	display: table;
}

.toolContent .tool {
	margin: 0 auto;
	min-width: 500px;
	margin-top: 10px;
	padding: 10px;
	border: solid 2px #0000ff;
	display: table;
}
.toolContent .info {
	display: table;
}
.toolContent .info>div {
	display: table-cell;
	vertical-align: middle;
}
.toolContent .info .iconImage {
	float: left;
	width: 60px;
	height: 60px;
	border: solid 6px #bbb;
	border-radius: 20px;
	background-color: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.toolContent .info .iconImage img {
	width: 60px;
	height: 60px;
}
.toolContent .info .text {
	padding-left: 10px;
}
.toolContent .info .text .name {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}

.toolContent .memo {
	padding-top: 5px;
}

.toolContent .version {
	padding-top: 5px;
	border-top: solid 3px #bbb;
}

.toolContent .versionHistory {
	border-bottom: solid 3px #888;
}
.toolContent .versionList {
	border-collapse: inherit;
	border-spacing: 5px;
}
.toolContent .private {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	padding: 3px;
	margin-bottom: 10px;
	color: #fff;
}
.toolContent .versionList .private {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	padding: 3px;
	color: #fff;
}
.toolContent .versionList .time {
	white-space: nowrap;
	font-size: 0.8em;
}
.toolContent .versionList tr td:last-child {
	border-left: solid 3px #bbb;
	border-radius: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

/* blog */
.blogContent {
	display: table;
	height: 100%;
	width: 100%;
	min-width: 400px;
	max-width: 920px;
	margin: 0 auto;
}

.blogContent.notSideMenu {
	min-width: 500px;
	max-width: 700px;
}

.blogContent .blogDetail,
.blogContent .blogList {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}

.blogContent .blogSimpleList {
	padding: 10px;
}

.blogContent .blog {
	position: relative;
	display: block;
	margin-bottom: 20px;
	border: solid 2px #eeeeee;
	border-radius: 5px;
	padding: 0px 5px 5px 5px;
	max-width: 700px;
}

.blogContent .blogSimpleList .blog {
	min-height: auto;
	margin-bottom: 10px;
}

.blogContent .blog .private {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}

.blogContent .blog .title {
	font-weight: bold;
	padding: 5px;
}

.blogContent .blog .title a {
	color: #000;
	text-decoration: none;
}

.blogContent .blog .title a:hover {
	text-decoration: underline;
}

.blogContent .blog .article {
	line-height: 1.4em;
	min-width: 390px;
	max-width: 690px;
	padding: 5px 5px;
	border-top: double #cccccc;
	border-bottom: double #cccccc;
}

.blogContent .blogSimpleList .blog .article {
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.blogContent .blog .article img {
	max-width: 100%;
	max-height: 100vh;
	border: solid 1px #eeeeee;
}

.blogContent .blog .article .game {
	margin: 0 auto;
	min-width: 500px;
	margin-top: 10px;
	padding: 10px;
	border: solid 2px #0000ff;
	display: table;
}
.blogContent .blog .article .game .info {
	display: table;
}
.blogContent .blog .article .game .info>div {
	display: table-cell;
	vertical-align: middle;
}
.blogContent .blog .article .game .info .iconImage {
	float: left;
	width: 100px;
	height: 100px;
	border: solid 6px #bbb;
	border-radius: 20px;
	background-color: #bbb;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.blogContent .blog .article .game .info .iconImage img {
	border: none;
	width: 100px;
	height: 100px;
}
.blogContent .blog .article .game .info .text {
	padding-left: 10px;
}
.blogContent .blog .article .game .info .text .name {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}

.blogContent .blog .article .game .memo {
	padding-top: 5px;
}

.blogContent .blog>.info {
	width: 100%;
	min-height: 27px;
	bottom: 0;
	background: linear-gradient(180deg, #eeeeee, #fafafa);
}

.blogContent .blog .info .private {
	float: left;
	line-height:27px;
	padding: 0px 5px;
}

.blogContent .blog .info .edit {
	float: left;
	line-height:27px;
	text-decoration: none;
	padding: 0px 5px;
}

.blogContent .blog .info.category {
	display: inline-block;
}
.blogContent .blog .info.category .category {
	float: left;
	line-height: 1em;
	font-size: 15px;
	padding: 3px;
	border: solid 1px #cccccc;
	border-radius: 4px;
	margin: 4px;
	text-decoration: none;
	white-space: nowrap;
	background: linear-gradient(0deg, #eeeeee, #fafafa);
}
.blogContent .blog .info.category a.category {
	color: #0077ff;
}
.blogContent .blog .info.category a.category:hover {
	background: #fff;
	color: #66bbff
}
.blogContent .blog .info.category .comment {
	float: right;
	line-height: 1em;
	font-size: 15px;
	padding: 4px;
	margin: 4px;
}
.blogContent .blog .info.category .comment .link {
	color: #0077ff;
	text-decoration: none;
}
.blogContent .blog .info.category .comment .link:hover {
	color: #66bbff
}
.blogContent .blog .info.category .comment .count {

}

.blogContent .blog .info .createdDate {
	float: right;
	line-height:27px;
	padding: 0px 5px;
}

.blogContent .blogSideMenu {
	display: table-cell;
	vertical-align: top;
	width: 200px;
	padding: 5px 10px;
}

.blogContent .blogSideMenu>div {
	width: 100%;
	margin-bottom: 10px;
}

.blogContent .blogSideMenu>div>.menu {
	padding: 0px 10px;
	width: 200px;
}
.blogContent .blogSideMenu>div>.menu li {
	width: 100%;
	list-style-type: none;
	line-height: 16px;
}
.blogContent .blogSideMenu>div>.menu li:not(:last-child) {
	padding-bottom: 10px;
}
.blogContent .blogSideMenu>div>.menu a {
	display:inline-block;
	width: 100%;
	color: #0077ff;
	text-decoration: none;
}
.blogContent .blogSideMenu>div>.menu a:hover {
	color: #66bbff;
	text-decoration: none;
}
.blogContent .blogSideMenu>div>.menu a .title {
	display:inline-block;
	width: 100%;
	/*
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
}
.blogContent .blogSideMenu>div>.menu a .time {
	font-size: 0.7em;
}

.blogContent #commentArea .title {
	padding-top: 10px;
	border-bottom: solid 1px #cccccc;
	font-size: 1.2em;
}

.blogContent #commentArea  #editBlogComment table {
	width: 100%;
	padding: 10px;
	border: solid 10px #cccccc;
}

.blogContent #commentArea  #editBlogComment table textarea {
	width: 100%;
	min-height: 200px;
	font-size: 14px;
	padding-left: 4px;
	resize: vertical;
}

.blogContent #commentArea .commentList .commentNone {
	padding: 10px;
}

.blogContent #commentArea .commentList .comment {
	padding: 10px;
	display: flex;
	width: 100%;
}
.blogContent #commentArea .commentList .comment .check {
	vertical-align: top;
	text-align: center;
	width: 20px;
}
.blogContent #commentArea .commentList .comment .user {
	vertical-align: top;
	padding-right: 10px;
	text-align: center;
	min-width: 120px;
	max-width: 120px;
	word-break: break-all;
}
.blogContent #commentArea .commentList .comment .balloon {
 	position: relative;
	padding: 7px 10px;
	width: 100%;
	min-height: 50px;
 	color: #555;
	font-size: 16px;
	line-height: 1.1em;
	background: #FFF;
 	border: solid 1px #555;
	border-radius: 10px;
}

.blogContent #commentArea .commentList .comment .balloon>div {
	display: inline-block;
	width: 100%;
	/*word-wrap: break-word;*/
	word-break: break-all;
}

.blogContent #commentArea .commentList .comment .balloon:before{
	content: "";
	position: absolute;
	top: 1.5em;
	left: -16px;
 	margin-top: -8px;
	border: 8px solid transparent;
	border-right: 8px solid #FFF;
 	z-index: 2;
}

.blogContent #commentArea .commentList .comment .balloon:after{
	content: "";
	position: absolute;
	top: 1.5em;
	left: -17px;
 	margin-top: -8px;
	border: 8px solid transparent;
	border-right: 8px solid #555;
 	z-index: 1;
}

.blogContent #commentArea .commentList .comment .balloon .other {
	padding-top: 5px;
}

.blogContent #commentArea .commentList .comment .balloon .private {
	font-size: 0.8em;
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	color: #ffffff;
	white-space: nowrap;
	line-height:1em;
	padding: 5px;
}
.blogContent #commentArea .commentList .comment .balloon .time {
	font-size: 0.8em;
	color: #aaa;
}

.bugReportContent {
	width: 100%;
	min-width: 400px;
	max-width: 700px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.bugReportContent #editBugReport>table {
	margin: 0 auto;
}

.bugReportContent #editBugReport>table {
	width: 100%;
	padding: 10px;
	border: solid 10px #cccccc;
}
.bugReportContent .explanation {
	width: 100%;
	height: 200px;
	font-size: 14px;
	padding-left: 4px;
	resize: vertical;
}

.bugReportContent .bugReport {
	width: 700px;
	min-width: 700px;
	max-width: 700px;
	border: solid 1px #222;
	margin-top: 30px;
}
.bugReportContent .bugReport .title {
	border-bottom: solid 3px #0077ff;
	padding: 5px;
}

.bugReportContent .bugReport .title .private {
	display: inline-block;
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	color: #ffffff;
	padding: 0px 5px;
}

.bugReportContent .bugReport .target {
	padding: 5px 10px;
	border-bottom: dotted 1px #222;
	background: #d0f0ff;
}
.bugReportContent .bugReport .detail {
	padding: 0px 10px;
}
.bugReportContent .bugReport .detail>.memo {
	padding: 5px;
}

.bugReportContent .bugReport .responseList {
	background-color: #d0f0ff;
	padding: 15px;
}
.bugReportContent .bugReport .responseList>.detail {
	background-color: #fff;
}
.bugReportContent .bugReport .responseList .detail .memoContent {
	margin-left: 10px;
}
.bugReportContent .bugReport .responseList .detail .memoContent>.memo {
	border-left: solid 3px #66bbff;
	padding: 5px 5px 5px 20px;
	width: 100%;
	word-wrap: break-word;
}

.bugReportContent .bugReport>.detail {
	border-bottom: solid 2px #444;
}
.bugReportContent .bugReport .info {
	display: table;
	width: 100%;
	height: 35px;
	border-bottom: solid 1px #66bbff;
}
/*
.bugReportContent .bugReport .responseList .detail:not(:first-child)>.info {
	border-top: solid 1px #66bbff;
}
*/
.bugReportContent .bugReport .info>.name {
	display: table-cell;
	vertical-align: middle;
}
.bugReportContent .bugReport .info>.time {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.bugReportContent .bugReport .response {
	text-align: right;
	padding: 5px;
}

/* admin */
.adminContent>div {
	padding-bottom: 10px;
}
.adminContent .menu {
	padding: 0px 10px;
}
.adminContent .menu a {
	color: #0077ff;
	text-decoration: none;
}
.adminContent .menu a:hover {
	color: #66bbff;
	text-decoration: none;
}
/* admin blog edit */
.blogEditContent {
	display: table;
	height: 100%;
	width: 100%;
	min-width: 400px;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.blogEditContent #editBlog {
	display: table-cell;
/* 	vertical-align: top;
	padding: 10px; */
}
.blogEditContent #editBlog .addCategoryButton {
	text-align:right;
}
.blogEditContent #editBlog .article {
	width: 480px;
	height: 480px;
	font-size: 14px;
	padding-left: 4px;
	resize: vertical;
}

.blogEditContent #editBlog .autosaveMemo,
.blogEditContent #editBlog .autosaveTime {
	font-size: 0.7em;
}

.blogEditContent #editBlog .releaseDateMemo {
	font-size: 0.7em;
	text-align: right;
}

.blogEditContent .blogEditSideMenu {
	display: table-cell;
	vertical-align: top;
	min-width: 420px;
	padding: 5px 10px;
}

.imageEditContent #editBlogImage {
	min-height: 30px;
	padding-bottom: 5px;
}
.imageEditContent .imagePageInfo {
	padding-bottom: 5px;
}
.imageEditContent .imagePageInfo .button {
	border: solid 1px #bbb;
	border-radius: 4px;
	padding: 5px;
	cursor: pointer;
}

#editImage
#editBlogImage {
	font-size: 14px;
}

.imageEditContent .imageList {
	clear:both;
}

.imageEditContent .newImage.imgSpace {
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border: solid 1px #eeeeee;
}

.imageEditContent .newImage.imgSpace:not(.select) div {
	padding: 2px;
}

.imageEditContent .imgSpace {
	position: relative;
	width: 100px;
	height: 100px;
	float: left;
	border: solid 1px #eeeeee;
}
.imageEditContent .imgSpace img {
	position: absolute;
	max-width: 98px;
	max-height: 98px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.imageEditContent .imgSpace.select,
.imageEditContent .imgSpace.select {
	border: solid 3px #ff0000;
}

/* admin blog category */
.blogCategoryContent .category {
	border: solid 1px #eeeeee;
	border-radius: 4px;
	padding: 7px;
	margin:5px;
	float:left;
	height: 65px;
}

.blogCategoryContent .select {
	padding: 5px;
	border: solid 3px #ff0000;
}

.blogCategoryContent .category .count {
	border-top: solid 1px #eeeeee;
}

/* admin blog category */
.gameEditContent {
	display: table;
	width: 100%;
	min-width: 400px;
	max-width: 1000px;
	margin: 0 auto;
}

.gameEditContent #editGame {
	min-width: 400px;
	display: table-cell;
}

.gameEditContent .selectImageButton {
	display: inline;
	border: solid 2px #cccccc;
	border-radius: 4px;
	padding: 5px;
}

.gameEditContent .selectImageButton:hover {
	background-color: #eeeeee;
}

.gameEditContent .gameEditSideMenu {
	display: table-cell;
	vertical-align: top;
	min-width: 400px;
	padding: 5px 10px;
}

.gameEditContent .explanation {
	width: 480px;
	height: 200px;
	font-size: 14px;
	padding-left: 4px;
	resize: vertical;
}

.gameEditContent .explanationDetail {
	width: 480px;
	height: 480px;
	font-size: 14px;
	padding-left: 4px;
	resize: vertical;
}

.gameEditContent .gameLatestVersion {
	text-align: right;
}

.adminLogContent .actionLog {
	margin: 0 auto;
	max-width: 1000px;
	font-size: 0.7em;
	border-bottom: solid 1px #cccccc;
}
.adminLogContent .actionLog:first-child {
	border-top: solid 1px #cccccc;
}

.adminLogContent .actionLog .actionType {
	display: table;
	width: 100%;
	font-weight: bold;
}

.adminLogContent .actionLog .actionType>span {
	display: table-cell;
}

.adminLogContent .actionLog .actionType>span:nth-child(2) {
	text-align: right;
}

.adminLogContent .actionLog .userAgent {
	color: #ccc;
}

.adminLogContent .actionLog .memo {
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.adminLogContent #listLog {
	padding: 10px;
}

.adminLogContent #listLog input[type=text] {
	width: auto;
}

.adminLogContent .accessLog {
	padding-left: 20px;
}
.adminLogContent .accessLog .time {
	color: #aaa;
	font-size: 0.8em;
}
.adminLogContent .accessLog .referrer {
	color: #aaa;
	font-size: 0.8em;
}

.managementContentList>.managementContent {
	margin-top: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.managementContentList .managementContent .title {
	border-bottom: 1px solid #ccc;
}
.managementContentList .managementContent .title .important {
	font-weight: bold;
}

.managementContentList .managementContent .memo {
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.managementContentList .managementContent .info {
	background-color: #ddd;
	padding-left:5px;
}
.managementContentList .managementContent .info .private {
	background: linear-gradient(180deg, #ff7700, #ffbb66);
	padding: 3px;
	margin-bottom: 10px;
	color:#fff;
}
.managementContentList .managementContent .info .time {
	float: right;
 	padding-right: 5px;
}

.managementContentList .managementContent .child {
 	margin: 5px 5px 5px 20px;
	border-left: 2px solid #ccc;
 	padding-left: 20px;
}

.managementContentList .managementContent .child>.managementContent {
 	margin: 5px 0px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

#editImportantNotice textarea {
	width: 100%;
	min-height: 200px;
	font-size: 14px;
	padding-left: 4px;
	resize: vertical;
}