@charset "UTF-8";

@media only screen and (min-width: 320px) {

#main {
	background-color:#7F8F7F;
	background-color:#94a194;
}
#mainBlock h1 {
	letter-spacing:0.15em;
	margin-right:0;
}
#wrap.imge #mainBlock h1 {
	letter-spacing:normal;
	margin-right:0.25em;
}

#mainBlock p {
	color:#171919;
}
#mainBlock h1,
.compYear p,
.compYear a {
	color:#303434;
}

.compYear .lt {
	left:0;
}
.compYear .rt {
	right:0;
}
#mainBlock .here {
	color:#fc6;
}

#lightbox,
.lightbox2 {
	background-color:#333;
}
#wrap.imge #lightbox,
#wrap.imge .lightbox2 {
	background-color:transparent;
}

#menuButt,
#rightSpace .archive .header {
	background-color:#555;
}
.mainPage #lightbox .gcell.addon div {
	background-color:#666;
}

.lightbox2 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	display:inline-block;
}
.lightbox2 .gcell {
	box-sizing: border-box;
	padding: 2px;
	width: 50%;
	float: left;
	padding:2px;
}

.lightbox2 .gcell div img {
	display: none;
}
.lightbox2 .gcell a {
	border-bottom: none;
}
.lightbox2 .gcell div {
	width: 100%;
	overflow: hidden;
  background-size: cover;
	background-repeat: no-repeat;
  background-position: center;
}
.lightbox2 .gcell div::before {
	content: "";
	display: block;
	padding-top: 100%;
}



#rightSpace .dropdown {
	background-color:#bbb;
}
#rightSpace .dropdownInner .thisYear {
	opacity:0.6;
}

#header {
	background-image:url(../graphics/ht_jsp_23_photo_hist_mob.png);
	/* [disabled]background-color: #fafafa; */
	/* [disabled]margin-bottom: 1em; */
}

}


@media only screen and (min-width: 360px) {

.compYear .lt {
	left:4%;
}
.compYear .rt {
	right:4%;
}

}


@media only screen and (min-width: 481px) {


}


@media only screen and (min-width: 640px) {

#header {
	background-image:url(../graphics/ht_jsp_23_photo_hist.png);
}
.compYear .lt {
	left:20%;
}
.compYear .rt {
	right:20%;
}
#lightbox,
.lightbox2 {
	background-color:transparent;
}

#wrap.imge #lightbox .gcell .go.lt .arrbox {
 	background: transparent url(../jquery-skins/hist/prev-horizontal.png) no-repeat -128px 50%;
}
#wrap.imge #lightbox .gcell .go.rt .arrbox {
	background: transparent url(../jquery-skins/hist/next-horizontal.png) no-repeat -128px 50%;
}
#wrap.imge #lightbox .gcell div.fr {
	border:2px solid #dde0dd;
}

}


@media only screen and (min-width: 732px) {
	

}


@media only screen and (min-width: 768px) {

.compYear .lt,
.compYear .rt {
	display:none;
}

}


@media only screen and (min-width: 961px) {

#mainBlock .intro p {
	border-left-color:#7d887d;
}
#nav { /* to be inherited */
	color:#373939;
}
#nav .container,
#rightSpace .archive .header,
#rightSpace .dropdown {
	background:transparent;
}
#rightSpace .archive .header p,
#rightSpace .dropdownInner div a {
	color:#fc6;
}
#nav li.button a,
#nav li.buttonB a,
#nav li.buttonH a {
	color:#373939;
}
#nav li.atHome a {
	color:#575959;
}
.homeColor {
	color:#474949;
}
#nav .dropdown {
	border-color:#545c5c;
}
#nav .dropdown li .thisPage,
#nav .dropdown li .thisPage .redbold {
	color: #575959;
}
#nav .dropdown li a {
	color:#171919;
}
#rightSpace .dropdownInner {
	border-color:#f2c261;
}

}


@media only screen and (min-width: 1025px) {


}


@media only screen and (min-width: 1081px) {
	
#wrap.imge #lightbox .gcell div.fr {
	border-width:3px;
}

}


@media only screen and (min-width: 1201px) {
	

}


@media only screen and (min-width: 1281px) {


}


@media only screen and (min-width: 320px) and (max-width: 760px) and (orientation: landscape) {

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

}