@charset "UTF-8";

/* @import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css"); */
@import url("notosansjp.css");
@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin-ext,vietnamese");

/*------------------
  Reset
-------------------*/

body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,form,input,textarea,p,span,blockquote,address,th,td {
	margin:0;
	padding:0;
	font-family: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
}
h1,h2,h3,h4,h5,h6,address,caption,em,strong,th,td,textarea {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	font-size: 100%;
}
img {
/*	vertical-align: bottom;*/
	border:none;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}
ol,ul {
	list-style:none;
}
caption,th,td {
	text-align:left;
}
input,select,textarea {
	vertical-align:middle;
	font-size:13px;
	font-family: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
}
input,button {
	cursor:pointer;
}
pre {
	font-family: "Inconsolata", "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Osaka－等幅", "Osaka-Mono", "ＭＳ ゴシック", "MS Gothic", monospace;
	font-feature-settings: normal;
	line-height:1;
}

/*------------------
  general
-------------------*/
/* font-style */
.b 	{ font-weight:bold; }
.i	{ font-style:italic; }
.o	{ text-decoration:overline; }
.u	{ text-decoration:underline; }
.d	{ text-decoration:line-through; }
.normal	{ font-weight:normal;}

/* font-color */
.black	{ color:#000; }
.white	{ color:#fff; }
.red	{ color:#f00; }
.green	{ color:#0f0; }
.blue	{ color:#00f; }
.gray	{ color:#999; }
.orange	{ color:#ffa500; }
.choco  { color:#b69393; }
.peacock { color:#389d6b; }
.blueberry { color:#6a5de3; }
.violet_l { color:#a698ff; }
.violet { color:#7762ff; }

/* font-size */
/*
.xx-s	{ font-size:xx-small; }
.x-s	{ font-size:x-small; }
.s	{ font-size:small; }
.m	{ font-size:small; }
.l	{ font-size:large; }
.x-l	{ font-size:x-large; }
.xx-l	{ font-size:xx-large; }
*/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* text-align */
.txt-left	{ text-align:left; }
.txt-center	{ text-align:center; }
.txt-right	{ text-align:right; }
td.nowrap	{ white-space:nowrap; }

/* font-family */
.mono {
	font-family: "Inconsolata", "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Osaka－等幅", "Osaka-Mono", "ＭＳ ゴシック", "MS Gothic", monospace;
	font-feature-settings: normal;
}
.serif {
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.battle-serif-preview {
	font-family: "Osaka－等幅", "Osaka-Mono", "ＭＳ ゴシック", "MS Gothic", monospace;
	font-feature-settings: normal;
	background-color:#fbf8f7;
}

/* float */
.left		{ float:left; }
.right		{ float:right; }
.clear		{ clear:both; }

/* margin */
.auto { margin:auto; }

/* image */
img.left	{ margin:0 15px 8px 0; }
img.right	{ margin:0 0 15px 8px; }

.hide		{ display:none; }

.caution {
	color:#f90;
	font-weight:normal;
	font-size:12px;
}

.date {
	font-size:10px;
	color:#666;
}

.new {
	font-size:10px;
	color:#f00;
	font-weight:bold;
}

li		{ list-style:none; }
hr		{ display:none; }

/*------------------

-------------------*/
html,
body,
button {
/*	position:relative;*/
	font-size:13px;
	text-align:center;
	/*height:100%;*/
	line-height:1;
	font-size:13px;
	font-family: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
	background-color:#000000;
}

#page_html {
	background-color:#000000;
	overflow: hidden;
}
#advertise_html {
	background-color:#ffffff;
}

#page_html td,
#page_html div,
#page_html span,
#page_html p,
#page_html button {
	font-family: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
}

/* font-family (open social) */
#page_html td .mono,
#page_html div .mono,
#page_html span .mono,
#page_html p .mono,
#page_html button .mono {
	font-family: "Inconsolata", "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Osaka－等幅", "Osaka-Mono", "ＭＳ ゴシック", "MS Gothic", monospace;
	font-feature-settings: normal;
}

body {
	position:relative;
	-webkit-text-size-adjust:100%;
    text-size-adjust: 100%;
}

embed {
    outline: none;
}

a:link, a:visited, a:active {
    border-bottom: medium none;
    color: #ffcc33;
    font-weight: normal;
    outline: 0 none;
/*    padding-bottom: 1px;*/
    text-decoration: none;
}

a:hover {
    color: #ffcc33;
/*	padding-bottom:1px;*/
	border-bottom:1px #ffcc33 solid;
	font-weight:normal;
	text-decoration:none;
}

th,td {
	font-family: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt" 1;
	font-size: 100%;
	color: #FFFFFF;
}