@charset "utf-8";

*,*:after,*:before {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	-webkit-overflow-scrolling:touch;
	-ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;
}
html {  }
body { -webkit-text-size-adjust:100%; }

table { border-collapse:collapse; border-spacing:0; }
a:focus { outline:none; }
style, script { display:none!important; }

body { line-height:150%;  -webkit-text-size-adjust:100%; margin:0; padding:0; }

h1,h2,h3,h4,h5,h6 { line-height:120%; }
h1 { font-size:150%; }
h2 { font-size:125%; }
h3,h4,h5,h6 { font-size:110%; }

iframe, img, video { max-width:100%; }

pre { line-height: 110%; font-family: monospace; }

/* a, a:visited { color:inherit; } */
a { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

* { border-style:none; border-width:1px; }
hr { border-top-style:solid; height:0; }
select, input, textarea { border-style:solid; }
input, textarea { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding:0.25em; }
input[type="checkbox"] { border-style:none; -webkit-appearance:checkbox; -ms-appearance:checkbox; -moz-appearance:checkbox; appearance:checkbox; }
input[type="radio"] { border-style:none; -webkit-appearance:radio; -ms-appearance:radio; -moz-appearance:radio; appearance:radio; }
input:focus, textarea:focus, select:focus,
input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus,
button:focus, a.btn:focus {
	outline:none;
}
input, button, select, textarea { font-size:inherit; font-family:inherit; }


/* utils */

.clearfix { min-height:1px; }
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

@media all and (min-width:768px) {
	/* for Desktop or Tablet */
	.for-mobile { display:none !important; }
}

@media all and (max-width:767px) {
	/* for Smartphone */
	.for-desktop { display:none !important; }
}

.pre-wrap { white-space:pre-wrap; }

a.focus-toggle[tabindex] ~ .focus-toggle-target { display:none !important; }
a.focus-toggle[tabindex]:focus ~ .focus-toggle-target { display:block !important; }

input[type="checkbox"].css-toggle { display:none !important; }
input[type="checkbox"].css-toggle ~ .css-toggle-target { display:none; }
input[type="checkbox"].css-toggle:checked ~ .css-toggle-target { display:block; }

form ul.errorlist { list-style:none; margin:0.5em 0; padding:0; }
form ul.errorlist > li { margin:0; padding:0; color:red; }

ul.menu { list-style:none; margin:0; padding:0; }
ul.menu > li { padding:0; margin :0; }
ul.menu > li > a { display:block; text-decoration:none; }
ul.menu > li > a:hover { text-decoration:none; }
ul.menu > li > a,
ul.menu > li > a:visited { color:inherit; }

ul.menu.horizontal { display:block; min-height:1px; }
ul.menu.horizontal > li { display:block; float:left; vertical-align:middle; }
ul.menu.horizontal > li + li { margin-left:-1px; }
ul.menu.horizontal > li > a { display:block; float:left; padding:2px 4px 0; }
ul.menu.horizontal:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul.menu.horizontal > li { border-bottom:2px solid transparent; }

ul.menu.vertical { display:block; }
ul.menu.vertical > li { display:block; }
ul.menu.vertical > li > a { display:block; }
ul.menu.vertical > li > a { padding:2px 4px; }
ul.menu.vertical > li { border-right:2px solid transparent; }
ul.menu.vertical > li.active, ul.vertical > li:hover { color:black; }

/******* styles ********/

html { font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif; }
body { font-size: 16px; line-height: 24px; padding:0; margin:0; }

a, a:visited { color:#168dd9; /* = hsv(203,90,85) = rgb(22,141,217) */}
