@charset "utf-8";

/*	Reset	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, backquote, th, td, caption, button
{ margin: 0; padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

html { width: 100%; height: 100%; margin: 0; padding: 0; }
html.manager { background: #CDD4DF url("../img/img_managerback1.png"); }
body { width: 100%; height: 100%; }
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; line-height: 1.6em; color: #000; }
html, body, div, button, p, li, input, select, table, td, th { box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, p, a, input, button, table, tr, caption, td, th, img, svg, object, ul, ol, li { touch-action: manipulation; }

/*	Flex 	*/
.flexcase { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexcase_justify { justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; }
.flexcase_center { justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; }
.flexcase_left { justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; }
.flexcase_right { justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; }
.flexcase_middle { -webkit-align-items: center; align-items: center; }

/*	Common	*/
.bold { font-weight: bold; }
.posab { position: absolute; }
.al-center { text-align: center; }
.al-right { text-align: right; }
.border-box { box-sizing: border-box; -moz-box-sizing: border-box; }
.nousersel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nohilite { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
.nodragimg { pointer-events: none; }


@media screen and (max-width: 767px){
	.hide_narrow { display: none; }
}