@charset "UTF-8";

/* --- webfont --- */
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 300;
    src: url('../font/AppleSDGothicNeo-Light.woff');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 400;
    src: url('../font/AppleSDGothicNeo-Regular.woff');
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-style: normal;
    font-weight: 600;
    src: url('../font/AppleSDGothicNeo-SemiBold.woff');
}

html, body, ul, li, ol, dl, dt, dd, form, fieldset, legend, label, input, section, article, aside, span, p, 
nav, h1, h2, h3, h4, h5, h6, img, figure, figcaption, table, colgroup, thead, tbody, th, tr, td,select, option, div, time, caption, a, header, footer{margin:0;padding:0;box-sizing:border-box;}
header,footer,section,article,aside,nav{display:block;}
ul, ol{list-style-type:none;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;vertical-align:top;border:0;}
img, fieldset, iframe, button{border:none;border:0;}
address, em, u, cite, i, caption , var{font-style:normal;font-weight:normal;}
i.fas,i.far,i.fab{vertical-align:middle;display:inline-block;}
label{cursor:pointer;}
br{letter-spacing:normal;}
html , body{
	height:100%;
	/* overflow:auto; */
}
body{
	font-family:"Apple SD Gothic Neo", sans-serif;
	word-break:keep-all;
	font-size:14px;
	line-height:inherit;
	font-weight:300;
	letter-spacing:-0.28px;
	color:#222;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.hide{z-index:-1;position:absolute;width:0;height:0;color:transparent;overflow:hidden;font-size:0;line-height:0;}
.dim{z-index:99;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);opacity:1;}

/*  table  */
table{width:100%;border-collapse:collapse;border:0;border-spacing:0;word-break:break-all;}
caption{position:absolute;width:0;height:0;overflow:hidden;}
th,td{word-break:break-all;}


/* button */
button{font-family:"Apple SD Gothic Neo", sans-serif;border:0;border-radius:0;box-sizing:border-box;-webkit-box-sizing:border-box;color:inherit;vertical-align:middle;background:transparent;cursor:pointer;}
button:focus{outline:none;} 

/* form */
input::-ms-expand{display:none;}
input, textarea, select{
	font-family:"Apple SD Gothic Neo", sans-serif;
	letter-spacing:normal;
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	box-sizing:border-box;
	outline:none;
	background:transparent;
}
input{vertical-align:middle;}
input[type="text"], input[type="password"], input[type="number"]{-webkit-appearance:none;-moz-appearance:none;}
input[type="checkbox"]{display:none;}
input:checked[type="checkbox"]{display:none;-webkit-appearance:none;-moz-appearance:none;}
input[type="radio"]{border:none;-webkit-appearance:none;-moz-appearance:none;}
input:disabled{color:#ddd;background-color:#f8f8f8;}
input:disabled, select:disabled{opacity:1;}
input[type="text"]::-ms-clear{display:none !important;}
input[type="text"]:-ms-clear{display:none !important;}
input[type="search"]::-webkit-search-cancel-button{display:none !important;}
input[type="text"]::-ms-reveal{display:none;width:0;height:0;}
input::placeholder{color:#ddd;}
input::-webkit-input-placeholder{color:#ddd;}
input::-moz-placeholder{color:#ddd;}
input:-ms-input-placeholder{color:#ddd;}
input:-moz-input-placeholder{color:#ddd;}
input::placeholder{color:#ddd;font-size:18px;}


textarea:focus{border:1px solid #000;}
textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#ddd;}
textarea::-moz-placeholder{color:#ddd;}
textarea:-ms-input-placeholder{color:#ddd;}
textarea:-moz-input-placeholder{color:#ddd;}