/* Iteration: 4 */

#page-content .code:first-child {
	display:none;
}
#main-content {
    padding-top: 0;
    top: 0.5em;
}
#page-title,
#breadcrumbs {
    display: none;
}

/* Information box */
.list-pages-box .c_intro-toc {
    margin-top: 2em;
    text-align: center;
}

.c_intro-toc ul {
    margin-bottom: 1em;
}
.long-toc .toc-list p {
    -webkit-columns: 2;
    -moz-columns: 2;
	columns: 2;
}
.long-toc-en .toc-list p {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

/* Map box */
.list-pages-box .c_map {
	background-color: #888880;
	background-color: var(--ct_brd_white-paper-sheet);
    -o-object-fit: contain;
	object-fit: contain;
    padding: 0;
}
.list-pages-box .c_map .pop-button img {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    height: auto;
}
.list-pages-box .c_map p {
    background: #eee;
	background: var(--ct_col_image-block-contrast);
    border-top: solid 1px #888880;
	border-top: var(--ct_brd_white-paper-sheet);
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    font-weight: bold;
    margin: 0;
    padding: .5em 0;
    text-align: center;
}

/* Site boxes */
.list-pages-box .c_list-box,
.list-pages-box .c_list-box-oldstyle {
    margin-bottom: 3em;
}
.list-pages-box .c_list-box h1 {
    color: #333;
	color: var(--ct_col_body-txt);
    display: block;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
	--ct_fnt_headlines: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
    font-size: 140%;
    margin: 0.7em 0 .5em;
    text-align: center;
}
.white-paper .c_list-box .collapsible-block {
    margin-bottom: 0;
    padding: 0;
}

.c_list-box .pop-button .image-container {
    float: right;
    padding: 0 0 0 1em;
}
.wp_sheet.c_list-box .pop-button img {
    height: 110px;
    -o-object-fit: contain;
	object-fit: contain;
}

/* Site box footer */
.wp_sheet .panel-footer {
    clear: both;
	padding: 1px;
	color: #fffff0;
    font-size: 80%;
    font-weight: bold;
    padding: 1px 0px 4px;
    text-align: right;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.wp_sheet .panel-footer > p {
	margin: 0;
}
.wp_sheet .panel-footer a,
.wp_sheet .panel-footer a:visited {
    color:#888880;
    text-shadow: 0px 0px 1px rgba(0,0,0,.1);
}


/* Oldschool site boxes */
.list-pages-box .c_list-box-oldstyle {
    background-image: none;
}
.list-pages-box .c_list-box-oldstyle span {
    margin-top: 1em;
}
.siteIcon {
    background-color: #999;
    border: solid 2px #000;
    -webkit-border-radius: 0 6px 0 6px;
    -moz-border-radius: 0 6px 0 6px;
	border-radius: 0 6px 0 6px;
    color: #fff;
    display: inline-block;
    height: 17px;
    position: relative;
    top: 1px;
    vertical-align: bottom;
    width: 30px;
}
.siteIcon img {
    border: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.siteIcon .number {
    bottom: 2px;
    font-size: 60%;
    font-weight: bold;
    line-height: 100%;
    position: absolute;
    right: 2px;
    text-shadow: #333 1px 1px;
}
.areaIcon {
    background-color: #333;
    border: solid 2px #000;
    -webkit-border-radius: 0 6px 0 6px;
    -moz-border-radius: 0 6px 0 6px;
	border-radius: 0 6px 0 6px;
    color: #fe3;
    display: inline-block;
    height: 17px;
    position: relative;
    top: 1px;
    vertical-align: bottom;
    width: 30px;
}
.areaIcon img {
    position: absolute;
    border: 0;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
}
.areaIcon .number {
    bottom: 2px;
    font-size: 60%;
    font-weight: bold;
    line-height: 100%;
    position: absolute;
    right: 2px;
    text-shadow: #333 1px 1px;
}

@media (min-width: 834px) and (max-width: 979px) {
    #page-content div.c_intro-toc div,
    #page-content div.c_intro-toc-en div {
        clear: none;
    }
}
@media (min-width: 768px) and (max-width: 880px) {
    .c_title {
        font-size: 285%;
    }
    .long-toc .toc-list p {
        -webkit-columns: 1;
        -moz-columns: 1;
		columns: 1;
    }
    .long-toc-en .toc-list p {
        -webkit-columns: 2;
        -moz-columns: 2;
		columns: 2;
    }
}
@media (min-width: 768px) and (max-width: 833px) {
    #page-content div.c_intro-toc div,
    #page-content div.c_intro-toc-en div {
        clear: both;
    }
    .content-toc.long-toc,
    .content-toc.long-toc-en {
        margin-left: 0;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
    }
    .long-toc .toc-list p {
        -webkit-columns: 2;
        -moz-columns: 2;
		columns: 2;
    }
}
@media (max-width: 767px) {
    #u-buttonbox {
        right: .5em;
    }
}
@media (max-width: 595px) {
    .c_title {
        font-size: 285%;
    }
    .content-toc.long-toc,
    .content-toc.long-toc-en {
        margin-left: 0;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
    }
}
@media (max-width: 356px) {
    .long-toc .toc-list p,
    .long-toc-en .toc-list p {
        -webkit-columns: 1;
        -moz-columns: 1;
		columns: 1;
    }
}

/* Popup */
.pop-wrap > ul {
    list-style: none;
    padding: 0;
	margin: 0;
}
.pop-wrap > ul {
    list-style: none;
    padding: 0;
}
.pop-wrap .pop-button div.foldable-list-container {
    display: inline;
}
.pop-wrap .pop-button .foldable-list-container > a:last-child {
    animation: fadein 0.35s ease-in forwards;
    background: rgba(0,0,0,.3);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.c_map .pop-wrap .pop-popup {
    animation: fadein 0.35s ease-in forwards;
    background: #888880;
    border: 1px solid #888880;
    border-radius: 10px;
    height: auto;
    left: 0;
    margin: 2em auto;
    position: fixed;
    right: 0;
    top: 2em;
    width: 1024px;
    z-index: 10;
}

.c_list-box .pop-wrap .pop-popup {
    animation: fadein 0.35s ease-in forwards;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 353px;
    z-index: 10;
}

#page-content .c_map .pop-wrap div.pop-popup {
    max-width: 95%;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.pop-wrap .pop-dummy,
.pop-wrap .folded .pop-popup,
.pop-wrap .folded .pop-button .foldable-list-container > a:last-child {
    display: none;
}

.c_map .pop-wrap .pop-button div.foldable-list-container {
    display: block;
}
.c_list-box .pop-wrap {
    float: right;
}
.pop-wrap br {
    line-height: 0;
}
.c_map .pop-wrap .pop-popup img {
    border-radius: 10px;
}
.c_list-box .pop-wrap .pop-popup .image-container {
    padding: 0;
}