@charset "utf-8";
body {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana;
	font-size:16pt;
	width:100%;
	min-width:1024px;
	height:100vh;
	background: rgb(83,211,138,1) fixed; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,254,245,1) 0%, rgba(83,211,138,1) 100%) fixed; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(245,254,245,1) 0%, rgba(83,211,138,1) 100%) fixed; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(245,254,245,1) 0%, rgba(83,211,138,1) 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefef5', endColorstr='#53d38a',GradientType=0 ); /* IE6-9 */
}
div#page {
	width:99%;
	height:100vh;
	margin:0 auto;
}
body.about div#page { background:url(../images/bg_about.gif) center top/100% no-repeat; }
body.theater div#page { background:url(../images/bg_theater.gif) center top/100% no-repeat; }
body.tales div#page { background:url(../images/bg_tales.gif) center top/100% no-repeat; }
body.trad-arts div#page { background:url(../images/bg_trad-arts.png) right top/100% no-repeat; }
body.nakagusuku-jo div#page { width:100%; background:url(../images/bg_nakagusuku-jo.gif) center top/100% no-repeat; }
body.games div#page { background:url(../images/bg_games.png) center top/100% no-repeat; }
body.quiz div#page { background:url(../images/bg_quiz.png) center 10px/100% no-repeat; }
body.parent-pageid-37 div#page { background:url(../images/bg_quiz_vanilla_hd.gif) center center/cover no-repeat; }
body.parent-pageid-37 div#page h1 img.quizheadimg {
	width:120px;
	height:120px;
	margin-right:30px;
}
@media (max-width:1919px){
	body.parent-pageid-37 div#page h1 img.quizheadimg {
		width:60px;
		height:60px;
		margin-right:20px;
	}
}
div#ks-page, div#content {
	min-width:1024px;
	font-size:19pt;
	width:100%;
	margin: 275px auto 0 auto;
}
body.single-format-video div#content {
	margin: 225px auto 0 auto;
}
.site-header {
	width:99%;
	height:auto;
}
body.top .site-header > h1 {
	top:-70px;
}
body.single-attachment .site-header > h1,
body.white-map .site-header > h1,
body.maps .site-header > h1,
body.nakagusuku-at-ww2 .site-header > h1 {
	top:80px;
}
body.single-attachment div#ks-page,
body.white-map div#ks-page,
body.maps div#ks-page,
body.nakagusuku-at-ww2 div#ks-page {
	margin-top:200px;
}
body.nakagusuku-jo-renovation .site-header > h1,
body.nakagusuku-jo-renovation-20 .site-header > h1,
body.nakagusuku-jo-renovation-30 .site-header > h1,
body.nakagusuku-jo-map .site-header > h1,
body.nakagusuku-jo-movie .site-header > h1,
body.nakagusuku-hanta-path .site-header > h1,
body.digging .site-header > h1 {
	top:40px;
}
body.nakagusuku-jo-renovation div#ks-page,
body.nakagusuku-jo-renovation-20 div#ks-page,
body.nakagusuku-jo-renovation-30 div#ks-page,
body.nakagusuku-jo-map div#ks-page,
body.nakagusuku-jo-movie div#ks-page,
body.nakagusuku-hanta-path div#ks-page,
body.digging div#ks-page {
	margin-top:160px;
}
body.quiz .site-header > h1 > img {
	height:20vh;
}
body.category-cat-nakagusuku-photo-studio div#content {
	height: 77vh;
	overflow-y: auto;
}
@media (max-width:1919px){
	body.nakagusuku-jo div#page { width:1024px; background:url(../images/bg_nakagusuku-jo.gif) center top/1024px no-repeat; }
	body.parent-pageid-37 div#page { background:url(../images/bg_quiz_vanilla_xvga.gif) center center/cover no-repeat; }
	h1 {
		font-size: 20px;
		margin: 33px 0;
	}
	h2 {
		font-size: 33px;
		margin: 14px 0;
	}
	body {
		font-size:14pt;
		width:100%;
	}
	div#page {
		width:1024px;
		margin:0 auto;
	}
	div#ks-page, div#content {
		width:1024px;
		font-size:13pt;
		margin:146px auto 0 auto;
	}
	body.single-format-video div#content {
		margin: 100px auto 0 auto;
	}
	body.top .site-header > h1 {
		top:-40px;
	}
	body.single-attachment .site-header > h1,
	body.white-map .site-header > h1,
	body.maps .site-header > h1,
	body.nakagusuku-at-ww2 .site-header > h1 {
		top:48px;
	}
	body.single-attachment div#ks-page,
	body.white-map div#ks-page,
	body.maps div#ks-page,
	body.nakagusuku-at-ww2 div#ks-page {
		margin-top:120px;
	}
	body.nakagusuku-jo-renovation .site-header > h1,
	body.nakagusuku-jo-renovation-20 .site-header > h1,
	body.nakagusuku-jo-renovation-30 .site-header > h1,
	body.nakagusuku-jo-map .site-header > h1,
	body.nakagusuku-jo-movie .site-header > h1,
	body.nakagusuku-hanta-path .site-header > h1,
	body.digging .site-header > h1 {
		top:21px;
	}
	body.nakagusuku-jo-renovation div#ks-page,
	body.nakagusuku-jo-renovation-20 div#ks-page,
	body.nakagusuku-jo-renovation-30 div#ks-page,
	body.nakagusuku-jo-map div#ks-page,
	body.nakagusuku-jo-movie div#ks-page,
	body.nakagusuku-hanta-path div#ks-page,
	body.digging div#ks-page {
		margin-top:85px;
	}
}
.site-header > h1 {
	display:inline-block;
	position: absolute;
	top:160px;
	margin:0;
	padding:0;
	width:100%;
	height:115px;
	text-align:center;
	color:#199a51;
	line-height: 56pt;
	font-size:52pt;
	text-shadow: 0px 6px 6px rgba(255, 255, 255, 1),
	6px 0px 6px rgba(255, 255, 255, 1),
	-6px 0px 6px rgba(255, 255, 255, 1),
	0px -6px 6px rgba(255, 255, 255, 1),
	6px 6px 6px rgba(255, 255, 255, 1),
	-6px -6px 6px rgba(255, 255, 255, 1),
	-6px 6px 6px rgba(255, 255, 255, 1),
	6px -6px 6px rgba(255, 255, 255, 1);
}
h1.quiz {
	display:inline-block;
	position: absolute;
	top:100px;
	margin:0;
	padding:0;
	width:100%;
	height:115px;
	text-align:center;
	color:#199a51;
	line-height: 56pt;
	font-size:52pt;
	text-shadow: 0px 6px 6px rgba(255, 255, 255, 1),
	6px 0px 6px rgba(255, 255, 255, 1),
	-6px 0px 6px rgba(255, 255, 255, 1),
	0px -6px 6px rgba(255, 255, 255, 1),
	6px 6px 6px rgba(255, 255, 255, 1),
	-6px -6px 6px rgba(255, 255, 255, 1),
	-6px 6px 6px rgba(255, 255, 255, 1),
	6px -6px 6px rgba(255, 255, 255, 1);
}
body.single-format-video .site-header>h1 {
	top:120px;
}
h1.site-title {
	position:relative;
	top:-15px;
	right:-4px;
	display:inline-block;
	text-align:right;
	width:8em;
}
a.btn-com-link {
	display:inline-block;
	border:1px solid #cccccc;
	background-color:#0074A2;
	color:#ffffff;
	font-weight:bold;
}
.site-header a.prev-link,
.site-header a.home-link {
	position:absolute;
	display: block;
	top:1.5em;
	max-width:340px;
	width: 340px;
	max-height:125px;
	height: 125px;
	text-indent: -9999px;
	background-size:cover;
}
a.home-link:hover,a.prev-link:hover {
	text-decoration:none;
}
.site-header a.prev-link {
	left:2em;
	background-image: url("../images/button_return.png");
}
.site-header a.home-link {
	right:2em;
	background-image: url("../images/button_home.png");
}
@media (max-width:1919px){
	.site-header > h1 {
		top:85px;
		height: 61px;
		line-height:32pt;
		font-size:28pt;
		text-shadow: 0px 3px 5px rgba(255, 255, 255, 1),
		0px -3px 5px rgba(255, 255, 255, 1),
		-3px 0px 5px rgba(255, 255, 255, 1),
		3px 0px 5px rgba(255, 255, 255, 1),
		3px 3px 5px rgba(255, 255, 255, 1),
		-3px -3px 5px rgba(255, 255, 255, 1),
		-3px 3px 5px rgba(255, 255, 255, 1),
		3px -3px 5px rgba(255, 255, 255, 1);
	}
	h1.quiz {
		top:45px !important;
		height: 60px;
		line-height:32pt;
		font-size:28pt;
		text-shadow: 0px 3px 5px rgba(255, 255, 255, 1),
		0px -3px 5px rgba(255, 255, 255, 1),
		-3px 0px 5px rgba(255, 255, 255, 1),
		3px 0px 5px rgba(255, 255, 255, 1),
		3px 3px 5px rgba(255, 255, 255, 1),
		-3px -3px 5px rgba(255, 255, 255, 1),
		-3px 3px 5px rgba(255, 255, 255, 1),
		3px -3px 5px rgba(255, 255, 255, 1);
	}
	body.single-format-video .site-header>h1 {
		top:50px;
	}
	.site-header a.prev-link,
	.site-header a.home-link {
		max-width:180px;
		width: 180px;
		top:0.8em;
		max-height:66px;
		height: 66px;
	}
	.site-header a.prev-link {
		left:0;
	}
	.site-header a.home-link {
		right:0;
	}
}
/*
body.theater .site-header > h1,
body.trad-arts .site-header > h1,
body.tales .site-header > h1,
body.about .site-header > h1 {
	background-image: url("../images/subtitles.png");
	background-position:center 0px;
	background-repeat:no-repeat;
	text-indent: -9999px;
	background-size:900px;
}
body.trad-arts .site-header > h1 { background-position:center -115px; }
body.tales .site-header > h1 { background-position:center -230px; }
body.about .site-header > h1 { background-position:center -345px; }
@media (max-width:1919px){
	body.theater .site-header > h1,
	body.trad-arts .site-header > h1,
	body.tales .site-header > h1,
	body.about .site-header > h1 {
		background-size:477px;
	}
	body.trad-arts .site-header > h1 { background-position:center -61px; }
	body.tales .site-header > h1 { background-position:center -122px; }
	body.about .site-header > h1 { background-position:center -183px; }
}
*/
button.ks-btn-common {
	position:relative;
	font-weight:bold;
	font-size:56px;
	color:#666666;
	width:396px;
	height:140px;
	padding:0;
	line-height: 140px;
	border:none;
	background-image:url(../images/buttons/common-base.png);
	background-repeat:no-repeat;
	background-position:left top;
}
button.ks-btn-common:active {
	top:2px;
	margin-bottom:-2px;
}

div#ks-page h3 {
	margin:0.2em 0;
}
/**
 * 	content
 */
body.thumbs .site-header h1 {
	top:0.9em;
}
body.thumbs #content {
	width:95%;
	margin-top:7em;
}
body.thumbs h2.list-toggle + section {
	width:95%;
	margin:0 auto;
}
body.thumbs article.post {
	position:relative;
	display:inline-block;
	width:22%;
	height:245px;
	margin:10px 1% 20px 1%;
	vertical-align: top;
	border:6px solid rgb(204, 204, 204);
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	-webkit-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	-moz-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	background-color:#333333;
	color:#777777;
	overflow:hidden;
}
body.thumbs article.post header {
	position:absolute;
	bottom:0;
	text-align:center;
	color:#ffffff;
	height:2em;
	line-height: 2em;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:900;
}
body.thumbs article.post h1.entry-title {
	font-size:18pt;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.thumbs article.post h1.entry-title a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.thumbs article.post header h1 > a {
	margin-top:0.2em;
	text-decoration:none;
	font-weight:bold;
	height:2em;
	line-height: 2em;
	color:#ffffff;
}
body.thumbs h2.list-toggle {
	cursor:pointer;
	border:1px solid #666666;
	border-width:0 0 1px 0;
}
body.thumbs h2.list-toggle > span {
	display:inline-block;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	width:10.5em;
	padding:0.5em 0 0.2em 0;
	margin-bottom:0.3em;
	margin-left:2px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:6px solid rgb(204, 204, 204);
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	-webkit-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	-moz-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	color:#777777;
}
body.thumbs h2.list-toggle > span:after,
body.thumbs h2.list-toggle.open > span:after {
	display:inline-block;
	margin-left:0.5em;
	content:"▼";
}
body.thumbs h2.list-toggle.open > span:after {
	content:"▲";
}
body.thumbs .entry-content,
body.thumbs .entry-thumbnail {
	text-align:center;
	height:245px;
	overflow:hidden;
}
body.thumbs img.attachment-post-thumbnail {
	height:100%;
	max-width:125%;
	margin-left:-9.5%;
}
@media (max-width:1919px){
	body.thumbs .site-header h1 {
		top:0.8em;
	}
	body.thumbs #content {
		margin-top:5.5em;
	}
	body.thumbs article.post {
		width:23%;
		height:130px;
		margin:5px 0.5% 15px 0.5%;
		border:3px solid rgb(204, 204, 204);
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 4px 2px;
		-webkit-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 4px 2px;
		-moz-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 4px 2px;
	}
	body.thumbs article.post header {
		font-size:14pt;
		height:1.8em;
		line-height: 1.8em;
	}
	body.thumbs article.post h1.entry-title {
		font-size:11pt;
	}
	body.thumbs article.post header h1 > a {
		height:1.8em;
		line-height: 1.8em;
	}
	body.thumbs h2.list-toggle { font-size:18pt; }
	body.thumbs h2.list-toggle > span {
		border-width:3px;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		box-shadow:rgba(102, 102, 102, 0.490196) 1px 1px 3px 2px;
		-webkit-box-shadow:rgba(102, 102, 102, 0.490196) 1px 1px 3px 2px;
		-moz-box-shadow:rgba(102, 102, 102, 0.490196) 1px 1px 3px 2px;
	}
	body.thumbs .entry-content,
	body.thumbs .entry-thumbnail {
		height:130px;
	}
}
body.thumbs h2.list-toggle + section {
	display:none;
}

article.format-gallery > div.entry-content {
	max-width:100%;
}
body.thumbs2 article.post {
	margin-right:10px;
	vertical-align: top;
}
body.thumbs2 #content{
	overflow : hidden;
}
body.thumbs2 #content .left_content{
	float : left;
	width : 40%;
}
body.thumbs2 #content .right_content{
	float : right;
	width : 58%;
	height : 500px;
	background : url("../images/gosamaru_drawing.png") no-repeat transparent;
	background-position: right 10% bottom;
	background-size: 149px 225px;
}
body.thumbs2 article{
	overflow : hidden;
	display : table;
	width : 100%;
}
body.thumbs2 article header{
	/* float : left; */
	width : 50%;
	display : table-cell;
	vertical-align : middle;
}
body.thumbs2 article .entry-content{
	/* float : right; */
	display : table-cell;
	width : 50%;
}
body.thumbs2 .entry-thumbnail a img{
	width : 240px;
}
body.thumbs2 .kana,
body.thumbs2 .nokana
{
	white-space : normal !important;
}
body.reports .site-header h1 {
	top:0.9em;
}
body.reports #content {
	width:95%;
	margin-top:7em;
}
body.reports h2.list-toggle + section {
	width:95%;
	margin:0 auto;
}
body.reports h2.list-toggle {
	cursor:pointer;
	border:1px solid #666666;
	border-width:0 0 1px 0;
}
body.reports h2.list-toggle > span {
	display:inline-block;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	width:11.5em;
	padding:0.25em 0;
	margin-bottom:0.3em;
	margin-left:2px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:6px solid rgb(204, 204, 204);
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	-webkit-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	-moz-box-shadow:rgba(102, 102, 102, 0.490196) 2px 2px 8px 3px;
	color:#777777;
}
body.reports h2.list-toggle > span:after,
body.reports h2.list-toggle.open > span:after {
	display:inline-block;
	margin-left:0.5em;
	content:"▼";
}
body.reports h2.list-toggle.open > span:after {
	content:"▲";
}
@media (max-width:1919px){
	body.reports .site-header h1 {
		top:0.8em;
	}
	body.reports #content {
		margin-top:5.5em;
	}

	body.reports h2.list-toggle { font-size:18pt; }
	body.reports h2.list-toggle > span {
		border-width:3px;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		box-shadow:rgba(102, 102, 102, 0.490196) 1px 1px 3px 2px;
		-webkit-box-shadow:rgba(102, 102, 102, 0.490196) 1px 1px 3px 2px;
		-moz-box-shadow:rgba(102, 102, 102, 0.490196) 1px 1px 3px 2px;
	}

}
/* 吹き出し */
#balloon-4-bottom-left{
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 300px;
	color: black;
	/* line-height: 70px; */
	text-align: center;
	background: white;
	border-radius: 60%;
	padding-top : 100px;
}

#balloon-4-bottom-left:before{
	content: "";
	position: absolute;
	bottom: 16px;
	right: 20%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: white transparent transparent transparent;
	transform: rotate(-19deg);
	-moz-transform: rotate(-19deg);
	-webkit-transform: rotate(-19deg);
}

/**
 * 	gallery
 */
div.gallery-wrap {
	position:relative;
	width:100%;
	height:650px;
}
.gallery {
	position:absolute;
	width:60%;
	height:564px;
	margin:0;
	background-color:#333333;
	text-align:center;
	overflow:hidden;
}
.gallery > span.gnav {
	position:absolute;
	display:inline-block;
	top:50%;
	margin-top:-36px;
	width:72px;
	height:72px;
	z-index:999;
	color:#ffffff;
	transform: rotate(90deg);
	cursor:pointer;
}
.gallery > span.prev { left:10px; }
.gallery > span.next { right:10px; }
.gallery > span.gnav.disable {
	color:#666666;
	cursor:default;
}
.gallery > span.gnav:before {
	-webkit-font-smoothing: antialiased;
	font: normal 72px/1 Genericons;
}
.gallery > span.prev:before {
	content:"\f431";
}
.gallery > span.next:before {
	content:"\f432";
}
.gallery span.fullsize {
	position:absolute;
	display:inline-block;
	width:56px;
	height:56px;
	color:#ffffff;
	cursor:pointer;
	right:-1px;
	bottom:-1px;
	color:#ffffff;
	background-color:rgba(51,51,51,0.8);
	border:1px solid #333333;
	border-width:3px 0 0 3px;
	border-radius: 16px 0 0 0;
}
.gallery span.fullsize:before {
	opacity:0.8;
	-webkit-font-smoothing: antialiased;
	font: normal 56px/1 Genericons;
	content:"\f402";
}
.gallery figure {
	width:100%;
	height:100%;
	margin:0;
}
.gallery figure > div {
	height:100%;
	margin:0 auto;
}
.gallery figure > figcaption {
	bottom:0;
}
.gallery figure a {
	position:relative;
	display:block;
	min-width:100px;
	max-height:650px;
	margin:0 auto;
	width:auto;
	background:url(../images/loading.gif) center no-repeat;
}
ul.gallery-thumbs {
	position:absolute;
	bottom:0;
	text-align:center;
	background-color:#333333;
	display:block;
	margin:1px auto 0 auto;
	padding: 0;
	width:60%;
	height:86px;
	list-style:none;
	list-style-position:outside;
}
ul.gallery-thumbs li {
	display:inline-block;
	margin:7px 12px 7px auto;
	cursor:pointer;
}
ul.gallery-thumbs li.selected {
	border:2px solid #DE568C;
}
li[id^=thumb-] img {
	width:70px;
	height:70px;
}
.gallery-description {
	position:absolute;
	top:0;
	right:0.5%;
	width:39%;
	height:650px;
	overflow-y: auto;
	padding:0.5em 1em;
	margin:0 0 0.5em 0;
	background-color:#fff;
	border:1px solid #777777;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.gallery-description > p {
	margin-bottom:0;
}
.gallery-description > p + p {
	margin-top:0.5em;
}
@media (max-width:1919px){
	div.gallery-wrap {
		height:450px;
	}
	.gallery {
		height:401px;
	}
	.gallery > span.gnav {
		margin-top:-24px;
		width:48px;
		height:48px;
	}
	.gallery > span.prev { left:5px; }
	.gallery > span.next { right:5px; }
	.gallery > span.gnav:before {
		font: normal 48px/1 Genericons;
	}
	.gallery figure a {
		height:401px;
	}
	.gallery span.fullsize {
		width:42px;
		height:42px;
		border-radius: 12px 0 0 0;
	}
	.gallery span.fullsize:before {
		font: normal 42px/1 Genericons;
	}
	ul.gallery-thumbs {
		height:48px;
	}
	ul.gallery-thumbs li {
		margin:4px 8px 4px auto;
	}
	ul.gallery-thumbs li.selected {
		border:1px solid #DE568C;
	}
	li[id^=thumb-] img {
		width:40px;
		height:40px;
	}
	.gallery-description {
		height:450px;
	}
}
.layout-cols-2 {
	position:relative;
	max-width:1600px;
	min-width:480px;
	width:90%;
	margin:0 auto;
}
.layout-cols-2 > *.content-left {
	position:relative;
	display:block;
	float:left;
	width:40%;
	height:100%;
}
.layout-cols-2 > *.content-right {
	position:relative;
	display:block;
	float:right;
	width:58%;
	height:100%;
	margin:0 0 0 2%;
}
.content-editable + footer.entry-meta {
	margin:0;
}
div#nakagusuku-at-ww2 {

}
div#nakagusuku-at-ww2 section.content-left div.content-editable {
	height:10em;
	overflow-y:auto;
}
div#nakagusuku-at-ww2 section.content-left table {
	font-size:85%;
	line-height:1.5em;
	margin-top:0.5em;
	table-layout:fixed;
}
div#nakagusuku-at-ww2 table thead, div#nakagusuku-at-ww2 table tbody, div#nakagusuku-at-ww2 table tfoot {
	display:block;
}
div#nakagusuku-at-ww2 table thead {
	z-index:2;
}
div#nakagusuku-at-ww2 table tbody {
	height:25em;
	overflow-y:scroll;
	z-index:1;
}
div#nakagusuku-at-ww2 table th {
	background-color:#006666;
	color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
}
div#nakagusuku-at-ww2 table td {
	border:1px solid #cccccc;
	text-align:center;
}
div#nakagusuku-at-ww2 table tbody tr td:last-child {
	text-align:left;
}
div#nakagusuku-at-ww2 table thead tr:first-child th:first-child {
	-webkit-border-radius:8px 0 0 0;
	-moz-border-radius:8px 0 0 0;
	-o-border-radius:8px 0 0 0;
	-ms-border-radius:8px 0 0 0;
	border-radius:8px 0 0 0;
}
div#nakagusuku-at-ww2 table thead tr:first-child th:last-child {
	-webkit-border-radius:0 8px 0 0;
	-moz-border-radius:0 8px 0 0;
	-o-border-radius:0 8px 0 0;
	-ms-border-radius:0 8px 0 0;
	border-radius:0 8px 0 0;
}
div#nakagusuku-at-ww2 section.content-right a.btn-com-link {
	position:absolute;
	text-align:center;
	bottom:80px;
	/* left:468px; */
	right : 5%;
	width:150px;
	height:150px;
	padding-top:20px;
}
@media screen and (max-width: 1919px){
	div#nakagusuku-at-ww2 section.content-right a.btn-com-link{
		padding-top : 15px;
		width:100px;
		height:100px;
		bottom:60px;
	}
}

/*div#nakagusuku-at-ww2 table th:nth-child(1) {
	width:4em;
}
div#nakagusuku-at-ww2 table th:nth-child(2) {
	width:6em;
}*/


table.no-border,
table.no-border th,
table.no-border td {
	border:none;
}
.styled-radio {
	display:inline-block;
}
.styled-radio > input[type=radio] {
	display:none;
}
.btn-common {
	display:inline-block;
	border:1px solid #ffffff;
	color:#ffffff;
	font-weight:bold;
	background-color:#0074A2;
	padding:2px 1em;
	text-align:center;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
	box-shadow:0.5px 0.5px 0 0.1px rgba(0,0,0,0.2);
}
a.btn-common {
	color:#ffffff !important;
	text-decoration:none;
}
a.btn-common:hover,
a.btn-common:visited {
	color:#ffffff;
	text-decoration:none;
}
a.btn-common + a.btn-common {
	margin-left:0.5em;
}
a.btn-common.ks-panorama {
	font-size:0.9em;
	padding:0.2em 0.5em;
	margin:0 0.25em;
}
div.panorama-div {
	width:100%;
	margin:0.5em auto;
}
/**
 * 	map
 */
div.kmaps {
	width:100%;
	height:700px;
}
div#whitemap, div#map-ngk, div#whitemap > svg {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
	overflow:hidden;
}
div#whitemap, div#map-ngk {
	border:1px solid #ffffff;
}
div#whitemap > svg {
	border:1px solid transparent;
}
div#whitemap {
	position:absolute;
	width:100%;
	height:80vh;
	background-color:#66CCFF;
	text-align:center;
}
div#whitemap > div#ngk-notice {
	position:absolute;
	bottom:2%;
	right:2%;
	width:40%;
	font-size: 17pt;
	line-height: 25pt;
	text-align:left;
	background-color:#FFFF99;
	padding: 0.5em 0.8em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #999999;
}
div#ngk-notice h3 {
	width:100%;
	text-align:center;
	text-indent:-11pt;
	font-size: 22pt;
	margin: 0 0 0.2em 0;
	color:#000000;
	border-bottom: 1px solid #cccccc;
}
div#ngk-notice h3 > span.ico-notice {
	display:inline-block;
	width:26pt;
	height:26pt;
	margin:0 0.2em 0 0;
	background:url(../images/icons/notice1.png) left top no-repeat;
	background-size:contain;
}
div#map-ngk {
	position:absolute;
	width:100%;
	height:80vh;
	margin:0;
}

@media (max-width:1919px){
	div#whitemap,
	div#map-ngk {
		max-height:520px;
		height:78vh;
	}
	div#whitemap > div#ngk-notice {
		font-size: 10pt;
		line-height: 14pt;
	}
	div#ngk-notice h3 {
		font-size:14pt;
	}
	div#ngk-notice h3 > span.ico-notice {
		width:18pt;
		height:18pt;
	}
}
div#map-ngk > iframe {
	border:0;
	width:100%;
	height:100%;
}
.gm-button-common {
	text-align: center;
	position: relative;
	color: rgb(255, 255, 255);
	font-family: Roboto, Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 11px;
	padding: 8px;
	border-radius: 2px;
	-webkit-background-clip: padding-box;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	min-width: 22px;
	font-weight: 500;
	background-color: #009933;
	background-clip: padding-box;
	cursor:pointer;
}
div#gm-opt-ctrl {
	max-width:19%;
	min-width:320px;
	font-size:22px;
	text-align:center;
	margin:10px;
	padding-bottom:10px;
	border-radius: 2px;
	-webkit-background-clip: padding-box;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	font-weight: 500;
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;
}
div#gm-opt-ctrl > ul, div#gm-opt-ctrl > ul li {
	list-style-type:none;
}
div#gm-opt-ctrl > ul {
	display:block;
	text-align:left;
	padding:10px 18px 10px 18px;
	margin:0;
	line-height:2em;
}
div#gm-opt-ctrl > ul li input[type=radio] + label {
	color:#196B9A;
}
div#gm-opt-ctrl input[type=range] {
	display:inline-block;
	width:71%;
	margin:2px auto 0.5em auto;
	padding:2px;
}
div#gm-opt-ctrl .small {
	font-size:16px;
	font-weight:bold;
}
div#gm-opt-ctrl input[type=radio] {
	vertical-align:middle;
}
div#gm-opt-ctrl input + label {
	margin-left:0.5em;
}
div#gm-opt-ctrl input:disabled + label {
	color:#999999;
}
.gm-style .gm-style-iw {
	font-size:16px;
	overflow: hidden;
	white-space: nowrap;
}
.gm-style-iw strong {
	display:inline-block;
	margin-top:5px;
	margin-bottom:5px;
}
@media (max-width:1919px) {
	div#gm-opt-ctrl {
		max-width:15%;
		min-width:220px;
		font-size:14px;
		margin:10px;
		padding-bottom:5px;
	}
	div#gm-opt-ctrl > ul {
		padding:10px 10px 5px 10px;
		line-height:1.8em;
	}
	div#gm-opt-ctrl input[type=range] {
		margin:2px auto 0.5em auto;
		padding:1px;
	}
	div#gm-opt-ctrl .small {
		font-size:12px;
	}
	.gm-style .gm-style-iw {
		font-size:13px;
	}
	.gm-style-iw strong {
		margin-top:3px;
		margin-bottom:3px;
	}
}

/**
 * 	video
 */
.ks-tales div.kgvid_wrapper {
	margin:0px auto 0px auto;
}
.ks-tales div.kgvid_wrapper div.kg-video-js-skin {
	width:100% !important;
	height:800px !important;
	margin-left:auto;
	margin-right:auto;
}
.ks-tales div.kgvid_wrapper div.kg-video-js-skin.vjs-fullscreen {
	height:inherit !important;
}
@media (max-width:1919px){
	.ks-tales div.kgvid_wrapper div.kg-video-js-skin {
		height:500px !important;
	}
}

/**
 * 	attachment
 */
body.attachment.single div#content {
	margin-top:170px;
}
.attachment .entry-content {
	text-align:center;
}
.entry-attachment .attachment a > img {
	max-width:98%;
}
@media (max-width:1919px){
	body.attachment.single div#content {
		margin-top:95px;
	}
}
/*@-moz-keyframes show-modal { 0% { top:100%; } 100% { top:3%; } }
@-webkit-keyframes show-modal { 0% { top:100%; } 100% { top:3%; } }
@-o-keyframes show-modal { 0% { top:100%; } 100% { top:3%; } }
@-ms-keyframes show-modal { 0% { top:100%; } 100% { top:3%; } }
@keyframes show-modal { 0% { top:100%; } 100% { top:3%; } }*/
div.ks-modal-common {
	position:absolute;
	top:100%;
	max-width:98%;
	max-height:95%;
	margin:0 auto;
	background-color:#666666;
	border:1px solid #cccccc;
}
div.ks-modal-common.active {
	/*-moz-animation: show-modal 0.2s linear 0s;
	-webkit-animation: show-modal 0.2s linear 0s;
	-o-animation: show-modal 0.2s linear 0s;
	-ms-animation: show-modal 0.2s linear 0s;
	animation: show-modal 0.2s linear 0s;*/
}
div.ks-modal-common header {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:3em;
}
div.ks-modal-common header > h4 {
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	font-size:1.5em;
	height:3em;
	line-height: 1.8em;
	color:#ffffff;
}
div.ks-modal-common header > a {
	position:absolute;
	display:block;
	top:0.4em;
	right:0.4em;
	margin:0;
	padding:0;
	color:#ffffff;
}
div.ks-modal-common header > a:hover, div.ks-modal-common header > a:visited {
	color:#ffffff;
	text-decoration:none;
}
div.ks-modal-common header > a:before {
	font: normal 3em/0.8 Genericons;
	content : "\f405";
}
div.ks-modal-common > div.inner {
	position:relative;
	width:95%;
	max-height:90%;
	margin:0 2.5% 1em 2.5%;
	overflow-y:auto;
}
div.ks-modal-common.ks-attachment-full > div.inner {
	text-align:center;
}
div.ks-modal-common.ks-attachment-full > div.inner img {
	max-width:99%;
	margin:0 auto;
}
div.ks-modal-common > div.inner > div.description {
	position:relative;
	top:-0.5em;
	color:#ffffff;
	font-size:1.2em;
	line-height:1.5em;
	height:4.5em;
	overflow-y:auto;
}
@media (max-width:1919px) {
	div.ks-modal-common > div.inner {
		max-height:88%;
	}
	div.ks-modal-common > div.inner > div.description {
		font-size:0.9em;
		line-height:1.4em;
		height:4.5em;
	}
}

div.hw-window {
	display:none;
	position:absolute;
	text-align:center;
	font-size:19pt;
	top:5%;
	left:5%;
	width:90%;
	height:90%;
	background-color:#BCE9FF;
}
div.hw-window > h3 {
	font-size:1.2em;
	margin:0.5em auto;
}
div.hw-window > a {
	position:absolute;
	display:block;
	text-align:center;
	top:0.5%;
	right:1%;
	width:2em;
	height:2em;
	color:#666666;
	overflow:hidden;
}
div.hw-window > a:hover, div.hw-window > a:visited {
	color:#666666;
	text-decoration:none;
}
div.hw-window > a:before {
	font: normal 3em/0.8 Genericons;
	content : "\f405";
	margin-left:-0.2em;
}
div.hw-window div.hw-content {
	position:relative;
	text-align:left;
	width:95%;
	height:85%;
	margin:1% auto 0.5em auto;
	overflow-y:auto;
	background-color:#ffffff;
	border:1px solid #cccccc;
}
div.hw-window div.hw-content > h2 {
	width:99%;
	font-size:1.5em;
	margin:0.5em auto;
	border:1px solid #666666;
	border-width:1px 0;
}
div.hw-window div.hw-content > h3 {
	font-size:1.2em;
	width:98%;
	margin:1% auto;
	border-bottom:1px solid #cccccc;
}
div.hw-window div.hw-content > h3.active {
	border-color:#DE568C;
	border-width:0 0 2px 0;
}
div.hw-window div.hw-content > h3.active:before {
	position:relative;
	top:0.2em;
	color:#DE568C;
	font: normal 1.5em/1 Genericons;
	content : "\f452";
}
div.hw-window div.hw-content > p, div.hw-window div.hw-content > figure {
	font-size:1em;
	margin-left:2%;
}
div.hw-window div.hw-content + span {
	display:inline-block;
	font-size:90%;
	width:93%;
	text-align:right;
	margin-bottom:0.5em;
}
@media (max-width:1919px) {
	div.hw-window {
		font-size:13pt;
	}
}

/**
 * screens
 */
div.screen-off {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}
body.fixed {
	position:fixed;
}
@-webkit-keyframes anime1 {
	0% {opacity: 0.2;}
	50% {opacity: 1;}
	100% {opacity: 0.2;}
}
@-moz-keyframes anime1 {
	0% {opacity: 0.2;}
	50% {opacity: 1;}
	100% {opacity: 0.2;}
}
@-o-keyframes anime1 {
	0% {opacity: 0.2;}
	50% {opacity: 1;}
	100% {opacity: 0.2;}
}
@-ms-keyframes anime1 {
	0% {opacity: 0.2;}
	50% {opacity: 1;}
	100% {opacity: 0.2;}
}
@keyframes anime1 {
	0% {opacity: 0.2;}
	50% {opacity: 1;}
	100% {opacity: 0.2;}
}
.com-radius {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
	box-shadow:0.5px 0.5px 0 0.1px rgba(0,0,0,0.2);
}
.com-shadow {
	box-shadow:0 0 2px rgba(0,0,0,0.5);
}

/**
 * 	z-index
 */
div.screen-splash { z-index:9300; }
div.form-splash { z-index:9200; }
div.ks-modal-common,
div.modal,
div.hw-window {
	z-index:9100;
	display:none;
}
div.screen-off { z-index:9050; display:none; }
.site-header a.prev-link,
.site-header a.home-link {
	z-index:9040;
}

/*
 * misc
 */
.nodisp { display:none; }
table.row-alternate tbody tr:nth-child(even),
table.row-alternate tbody tr:nth-child(even) th,
table.row-alternate tbody tr:nth-child(even) td {
	background-color:#f6fcae;
}
/*
 * quiz
 */
.btn-comq, .btn-comq:visited{
	font-size:18px;
	background:#45bcd2;
	display:inline-block;
	padding:13px 17px 12px 18px;
	color:#ffffff;
	text-decoration:none;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
	border:none;
	position:relative;
	cursor:pointer;
	margin:10px 10px 0 0;
	vertical-align: middle;
}
a.btn-comq {
	color:#ffffff;
}
.btn-comq a:link{
	color:#ffffff;
}
.btn-comq:hover{
	background:#555;color:#fff;
}

div#content-quiz #quiz1{
	background:url(../images/button_quiz_bronze_nobg.png) center top/100% no-repeat;
	background-color:rgb(242, 242, 242);
	background-size:contain;
	background-position-x:95%;
	vertical-align:middle;
	margin-top:14vh;
}
div#content-quiz #quiz2{
	background:url(../images/button_quiz_silver_nobg.png) center top/100% no-repeat;
	background-color:rgb(242, 242, 242);
	background-size:contain;
	background-position-x:95%;
	vertical-align:middle;
	margin-top:14vh;
}
div#content-quiz #quiz3{
	background:url(../images/button_quiz_gold_nobg.png) center top/100% no-repeat;
	background-color:rgb(242, 242, 242);
	background-size:contain;
	background-position-x:95%;
	vertical-align:middle;
	margin-top:14vh;
}
@media (max-width:1919px){
	div#content-quiz #quiz1{
		background-position-x:95%;
		vertical-align:middle;
		margin-top:14vh;
	}
	div#content-quiz #quiz2{
		background-position-x:95%;
		vertical-align:middle;
		margin-top:14vh;
	}
	div#content-quiz #quiz3{
		background-position-x:95%;
		vertical-align:middle;
		margin-top:14vh;
	}
}
img.ks-image-view {
	width:auto;
	margin:0 auto;
}
.transition {
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}

.transition:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

article.category-cat-sketches-by-heine .gallery{
	height : 650px;
}

@media (max-width:1919px){
	article.category-cat-sketches-by-heine .gallery-wrap {
		height:450px;
	}
	article.category-cat-sketches-by-heine .gallery {
		height:450px;
	}
	article.category-cat-sketches-by-heine .gallery figure a {
		height:450px;
	}
	article.category-cat-sketches-by-heine ul.gallery-thumbs {
		height:48px;
	}
	article.category-cat-sketches-by-heine ul.gallery-thumbs li {
		margin:4px 8px 4px auto;
	}
	article.category-cat-sketches-by-heine ul.gallery-thumbs li.selected {
		border:1px solid #DE568C;
	}
	article.category-cat-sketches-by-heine li[id^=thumb-] img {
		width:40px;
		height:40px;
	}
	article.category-cat-sketches-by-heine .gallery-description {
		height:450px;
	}
}