.pic-main {
	position:relative;
}
.pic-main span,
.pic-main span img {
	display:block;
}
.pic-main span.pic {
	position:relative;
	height:0;
	background-position:center center;
	background-repeat:no-repeat;
	padding-top:66.1290322580645%;
}
.pic-m-tate span.pic {
	padding-top:133.333333333333333%;
}
.pic-main span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
.pic-main span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.pic-main figcaption {
	display:block;
	text-align:center;
	line-height:1.75;
	margin-top:20px;
}
.pic-main figcaption span {
	display:inline;
}
.pic-main figcaption > span {
	background-color:#fff04e;
}
@media all and (min-width: 768px) {
.pic-main {
	width:620px;
	margin:0 auto 50px;
}
.pic-m-tate {
	width:420px;
}
.pic-main span.lazy-done {
	-webkit-box-shadow:10px 10px 0 0 #fef200;
	box-shadow:10px 10px 0 0 #fef200;
}
/*
.column .pic-main span.lazy-done {
	-webkit-box-shadow:10px 10px 0 0 hsla(50,97%,53%,0.5);
	box-shadow:10px 10px 0 0 hsla(50,97%,53%,0.5);
}
*/
.pic-main figcaption {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.pic-main {
	margin:0 12px 20px;
}
.pic-m-tate {
	margin:0 15%;
	margin-bottom:20px;
}
.pic-main span.pic {
	background-size:cover;
}
.pic-main span.lazy-done {
	-webkit-box-shadow:6px 6px 0 0 #fef200;
	box-shadow:6px 6px 0 0 #fef200;
}
.column .pic-main span.lazy-done {
	-webkit-box-shadow:6px 6px 0 0 hsla(50,97%,53%,0.5);
	box-shadow:6px 6px 0 0 hsla(50,97%,53%,0.5);
}
.pic-main figcaption {
	font-size:83%;
}
}


/*	figure (large)
============================== */
.pic-large {
	position:relative;
}
.pic-large span,
.pic-large span img {
	display:block;
}
.pic-large span {
	position:relative;
	height:0;
	background-position:center center;
	background-repeat:no-repeat;
	padding-top:66.4502164502165%;
	background-size: cover;
}
.pic-large span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
.pic-large span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
.pic-large span {
	background-size:cover;
}
}

/*	figure (sub)
============================== */
div.cmn-pic-sub figure {
	width:50%;
}
div.cmn-pic-sub figure.subpic-lef {
	float:left;
}
div.cmn-pic-sub figure.subpic-rig {
	float:right;
}
div.cmn-pic-sub figure span,
div.cmn-pic-sub figure span img {
	display:block;
}
div.cmn-pic-sub figure > span {
	/* border:1px solid #fff;
	background-color:#fff;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#d9eafc), color-stop(0.5, #fff), to(#d9eafc));
	background-image: linear-gradient(#d9eafc, #fff 50%, #d9eafc); */
}
div.cmn-pic-sub figure > span span {
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:66.1290322580645%;
}
div.cmn-pic-sub figure > span span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.cmn-pic-sub figure > span span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
@media all and (min-width: 768px) {
div.cmn-pic-sub figure.subpic-lef > span {margin-right:12px}
div.cmn-pic-sub figure.subpic-rig > span {margin-left:12px}
div.cmn-pic-sub {
	margin-bottom:30px;
}
div.cmn-pic-sub figure > span span.lazy-done {
	-webkit-box-shadow:8px 8px 0 0 #ffb200;
	box-shadow:8px 8px 0 0 #ffb200;
}
}
@media all and (max-width: 767px) {
div.cmn-pic-sub {
	position:relative;
	margin:0 -12px 20px;
}
div.cmn-pic-sub figure.subpic-lef > span {margin-right:3px;}
div.cmn-pic-sub figure.subpic-rig > span {margin-left:3px;}

div.cmn-pic-sub figure > span span.lazy-done {
	-webkit-box-shadow:0 5px 0 0 #ffb200;
	box-shadow:0 5px 0 0 #ffb200;
}
}


/*	figure (three)
============================== */
div.cmn-pic-three figure {
	width:33.3%;
}
div.cmn-pic-three figure {
	float:left;
}

div.cmn-pic-three figure span,
div.cmn-pic-three figure span img {
	display:block;
}
div.cmn-pic-three figure > span {
}
div.cmn-pic-three figure > span span.pic {
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:66.1290322580645%;
}
div.cmn-pic-three figure > span span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.cmn-pic-three figure > span span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
div.cmn-pic-three figure figcaption {
	line-height:1.5;
	text-align:center;
	margin-top:0.75em;
}

@media all and (min-width: 768px) {
div.cmn-pic-three {
	margin-bottom:30px;
}
div.cmn-pic-three figure > span span.lazy-done {
	-webkit-box-shadow:8px 8px 0 0 #e61419;
	box-shadow:8px 8px 0 0 #e61419;
}
div.cmn-pic-three figure figcaption {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.cmn-pic-three {
	margin-bottom:20px;
}
div.cmn-pic-three figure > span span.lazy-done {
	-webkit-box-shadow:5px 5px 0 0 #e61419;
	box-shadow:5px 5px 0 0 #e61419;
}
div.cmn-pic-three figure figcaption {
	font-size:75%;
}
}