@charset "UTF-8";

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

#main {
	background-color:#fff;
}
#lightbox {
	margin-bottom:0;
	background-color:transparent;
}
#lightbox .gcell {
	width:100%;
	padding:0;
}
#lightbox .gcell.vt {
	padding-top:1.5em;
}
#lightbox .gcell.sq {
	padding-top:2em;
}
#lightbox .gcell div:first-child {
	background-size:contain;
}
#lightbox .gcell div:first-child::before {
	padding-top: 86%;
}
#lightbox .gcell.vt div:first-child::before {
	padding-top: 100%;
}
#lightbox .gcell.sq div:first-child::before {
	padding-top: 77.5%;
}
#lightbox .gcell .title {
	margin-top:-0.5em;
}
#lightbox .gcell.vt .title,
#lightbox .gcell.sq .title {
	margin-top:1.5em;
}
#lightbox .gcell .title p {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#223;
}
#lightbox .gcell .title p::before {
	content:"‘";
}
#lightbox .gcell .title p::after {
	content:"’";
}
#lightbox .gcell .caption {
	display:block;
}
#lightbox .gcell .caption p {
	margin-left:calc(2% - 2px);
	margin-right:calc(2% - 2px);
}
#lightbox .gcell .caption .elip {
	display:none;
}
#mainBlock .intro p {
	font-style:italic;
}
#mainBlock #rightBox {
	display:none;
}

}


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


}


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


}


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

#main {
	background-color:#fff;
}
#lightbox {
	margin-top:-1.5em;
	margin-bottom:-0.75em;
}
#lightbox .gcell {
	margin-bottom:0;
}
#lightbox .gcell div:first-child {
	width:80%;
	margin-left:10%;
}
#lightbox .gcell div:first-child::before {
	padding-top: 80%;
}
#lightbox .gcell .caption {
	width:100%;
	height:initial;
}
#lightbox .gcell .caption p {
	font-size:1.1em;
	margin-left:0;
	margin-right:0;
}
#mainBlock .intro p {
	margin-left:calc(4% + 2px);
	margin-right:calc(4% + 2px);
}
#nav .container {
	background-color: #fff;
}

}


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

}


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

#mainBlock .intro p {
	margin-left:6%;
	margin-right:6%;
}
#lightbox .gcell div:first-child {
	margin-top:-0.5em;
	margin-bottom:-0.5em;
}
#lightbox .gcell .title {
	margin-top:0;
}
#lightbox .gcell .caption p {
	font-size:1em;
}
#lightbox .gcell .caption p:last-child {
	margin-bottom:0;
}
#lightbox .gcell.vt,
#lightbox .gcell.sq {
	padding-top:0.5em;
}
#lightbox .gcell.vt div:first-child,
#lightbox .gcell.sq div:first-child {
	background-position-x:50%;
}
#lightbox .gcell.vt .caption {
}
#lightbox .gcell.vt div:first-child {
	width:76%;
	margin-left:12%;
}
#mainBlock #rightBox {
	display:block;
}

}


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

#lightbox {
	/* [disabled]margin-top:0; */
	width:90% !important;
	margin-left:5% !important;
}
#mainBlock .intro p {
	border-left-color:#ccc;
	margin-right:5%;
	margin-left:calc(5% - 14px);
}

}


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


}


@media only screen and (min-width: 1081px) {
	
#mainBlock .intro p {
	margin-left:calc(5% - 17px);
}
#mainBlock {
	margin-left: 13%;
	margin-right: 13%;
}
#lightbox {
	/* [disabled]width:90% !important; */
	/* [disabled]margin-left:5% !important; */
}
#lightbox .gcell div:first-child {
	width:70%;
	margin-left:15%;
	margin-top:-1em;
	margin-bottom:-1em;
}
#lightbox .gcell .caption p {
	font-size:1em;
}

}


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

}


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


}


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

#main {
	background-color:#fff;
}
#lightbox {
	margin-top:-1.5em;
	margin-bottom:-0.75em;
}
#lightbox .gcell {
	margin-bottom:0;
}
#lightbox .gcell div:first-child {
	width:80%;
	margin-left:10%;
}
#lightbox .gcell div:first-child::before {
	padding-top: 80%;
}
#lightbox .gcell .caption {
	width:100%;
	height:initial;
}
#lightbox .gcell .caption p {
	font-size:1em;
	line-height:1.6em;
	margin-left:0;
	margin-right:0;
}
#mainBlock .intro p {
	font-style:italic;
	margin-left:calc(4% + 2px);
	margin-right:calc(4% + 2px);
}

}

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

}