html, body { height: 100%; font-size: 16px; line-height: 1.2; color:rgba(0, 0, 0, 0.87); }
body { overflow: auto;}
html, body { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }
.c-container { height: 100%; max-width: 960px; margin: 0 auto 0 auto; }

h1 { font-size:1.3rem; font-size: calc(14px + (21 - 14) * ((100vw - 300px) / (1600 - 300))); }
h2 { font-size:3.8rem; font-size: calc(40px + (50 - 40) * ((100vw - 300px) / (1600 - 300))); }
h3 { font-size:2.8rem; font-size: calc(30px + (35 - 30) * ((100vw - 300px) / (1600 - 300))); }
h4 { font-size:1.8rem; font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300))); }
h6 {font-size:1em; padding: 1rem 0;}
p {padding-bottom: 1rem}
table {width:100%}
table, td {border-collapse: collapse; vertical-align:top}
img {max-width:100%}
a {color:rgba(0, 0, 0, 0.87);text-decoration: none;}
a:hover {text-decoration: none;   border-bottom: 1px solid;}

h1, h2, h3, h4 { display: inline-block; border-bottom: 2px solid white; }
/*.c-header:hover h1, .c-title:hover h2, .c-title:hover h3, .c-title:hover h4 { border-bottom: 2px solid rgba(0, 0, 0, 0.87); }*/
.c-header.js-hover h1, .c-title.js-hover h2, .c-title.js-hover h3, .c-title.js-hover h4 { border-bottom: 2px solid rgba(0, 0, 0, 0.87); }
.c-title.js-active h2, .c-title.js-active h3, .c-title.js-active h4 { border-bottom: 2px solid rgba(0, 0, 0, 0.87); }

.c-header, .c-title { cursor: pointer; background-color: white; }
.c-accordion { display: none; }

.c-header { padding-top: 0.66rem; padding-bottom: 0rem; }
.c-menu { padding-top: 4rem; padding-bottom: 4rem; padding-left: 1rem; padding-right: 1rem; }
.c-accordion-category { padding-top: 0rem; padding-bottom: 0rem; }
/*.c-accordion-category::after { padding-top: 4rem; content:""; display: block; width: 74%; margin: 0 auto; border-bottom: 2px solid black; }*/
.c-accordion-category::after { padding-top: 4rem; content:""; display: block; width: calc(300px + (500 - 300) * ((100vw - 300px) / (1600 - 300))); margin: 0 auto; border-bottom: 2px solid black; }
.c-accordion-entry { padding-top: 0rem; padding-bottom: 0rem; }
.c-accordion-entry::after { padding-top: 0rem; content:""; display: block; width: 66%; margin: 0 auto; border-bottom: 2px solid white; }
.c-accordion-listing { padding-top: 0rem; padding-bottom: 0rem; }
.c-accordion-listing::after { padding-top: 0rem; content:""; display: block; width: 50%; margin: 0 auto; border-bottom: 2px solid white; }

.c-header { text-transform: uppercase; text-align: center; line-height: 1.2; } 
.c-title { text-transform: uppercase; text-align: center; line-height: 1.2; box-sizing: border-box; }

.c-content-wrap { overflow: auto; }
.c-content-wrap { scrollbar-width: none; -ms-overflow-style: none; }
.c-content-wrap::-webkit-scrollbar { display: none; }

.c-content { width: 100%; display: inline-block; box-sizing: border-box; vertical-align: top; position: relative; text-align: left; }

.u-sticky { position: sticky; position: -webkit-sticky; }

.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

.c-header { z-index: 16; }
.c-title-category { z-index: 8; }
.c-title-entry { z-index: 4; }
.c-title-listing { z-index: 2; }

.c-html { padding-top: 1rem; padding-bottom: 1rem; }
.c-html .u-justify { text-align:justify; }
.c-html .u-center { text-align:center; }
.c-html .c-item { padding:0rem 1rem; max-width:700px; margin: 0 auto; }

.c-html .c-poster { margin: 0 0 4rem 0;}
.c-html .c-poster img { width:90%; max-width:500px; }
.c-html .c-poster img.u-border { border:1px solid #666; }
.c-html .c-poster img.u-shadow { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }
.c-html .c-image-caption { font-size:0.9rem;}
.c-html .c-image-caption img { margin:2rem 0 0 0; max-width:550px; }
.c-html .c-image-caption:first-child img { margin:0 0 0 0; }

.c-html .c-team-toggle {cursor: pointer;}
.c-html .c-team-toggle:hover {text-decoration: underline;}
.c-html .c-team-toggle.is-open {text-decoration: underline;}
.c-html .c-team-toggle::after {content:">"; display:inline-block; transform: translate(10px, 0px); font-family:"Courier New"; text-decoration: none}
.c-html .c-team-toggle.is-open::after {content:">"; display:inline-block; transform: translate(10px, 0px) rotate(90deg) ;  text-decoration: none; font-family:"Courier New";}
.c-html .c-team-toggle-content {display:none;color:#000}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	.c-html .c-image-caption img { max-width:100%; }
}