@charset "utf-8";

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Base Styles 62.5% = 10px , 1rem = 10px, 1.5rem = 15px */
html {font-size:62.5%; -webkit-text-size-adjust:none; }
body {font-size:1.5rem; font-size:15px; line-height:1.6; font-family:sans-serif; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin:0; padding:0;  }
fieldset, img {border:0 none; }
img {vertical-align:middle; }
legend, caption {position:absolute; height:0; line-height:0; font-size:0; overflow:hidden; }
input, textarea, button, select {vertical-align:middle; }
address, cite, code, dfn, em, var {font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; }
table {width:100%; border-collapse:collapse; border-spacing:0; }
option {vertical-align:middle; padding:3px 0; } /* Firefox Fix */
hr {display:none; clear:both; }
ul, ol, li {list-style:none; }
a {cursor:pointer; /*-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;*/ }
a:hover, a:active, a:focus {text-decoration:underline; }
button {border:0 none; background-color:transparent; cursor:pointer; }

header, footer, article, section, aside, details, figcaption, figure, hgroup, menu, nav, time {display:block; margin:0; padding:0; }
audio[controls], canvas, video { display:inline-block; *display:inline; *zoom:1; }

/* Chrome/Opera/Safari */
::-webkit-input-placeholder {color:#fff; font-size:12px; font-style:italic; }
/* Firefox 19+ */
::-moz-placeholder {color:#fff; font-size:12px; font-style:italic; }
/* Firefox 18- */
:-moz-placeholder {color:#fff; font-size:12px; font-style:italic; }
/* IE 10+ */
:-ms-input-placeholder {color:#fff; font-size:12px; font-style:italic; }

/* clear */
.container:after,
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden; }

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

/* hide */
.disabled {pointer-events:none; cursor:default; }
.hide {font-size:0; height:0; text-indent:100%; white-space:nowrap; overflow:hidden; }


/* text align */
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}

/* text color*/
.text-white {color:#fff!important; }
.text-black {color:#000!important; }
.text-red {color:#ff0000!important; }
.text-blue {color:#004eff!important; }
.text-green {color:#20ab19!important; }
.text-yellow {color:#ffb632!important; }
.text-orange {color:#ff7700!important; }

/* bg color*/
.bg-black {background:#000!important; }
.bg-red {background:#ff0000!important; }
.bg-blue {background:#004eff!important; }
.bg-green {background:#20ab19!important; }
.bg-yellow {background:#ffb632!important; }
.bg-orange {background:#ff7700!important; }

/* skipnavi */
#skip-navi {position:absolute; top:0; left:0; width:100%; height:0; z-index:999999; }
#skip-navi dl, #skip-navi dt, #skip-navi dd {height:0; }
#skip-navi a {position:absolute; top:0; left:0; display:block; overflow:hidden; width:.1rem; height:.1rem; margin-bottom:-.1rem; margin-left:-.1rem; color:#000; text-align:center; white-space:nowrap; }
#skip-navi a:hover, #skip-navi a:active, #skip-navi a:focus {width:100%; height:auto; padding:1rem 0; background:#000; color:#fff; z-index:10000; }