@charset "utf-8";
/* CSS Document */	
.photo_autor p span {
	float:left;
	}
h1.block {
	display:block;
	height:auto;
	position: relative;
	padding: 15px 0;
	font-family: 'Marcellus', serif;
	font-size: 1.4em;
	line-height:100%;
    font-weight:900;
	background: #ccdf74;
	width: 230px;
    color: #fff;	
	text-align:center;
	}
h1.block span{
	font-family: 'Jura', sans-serif;
	font-size:0.6em;
	font-weight:normal;
	color:#1A131A;
	opacity:0.8;
	letter-spacing:2px;
	}
h1.block:after {
	content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background:#ccdf74;
    border-bottom: 1px solid  #ccdf74;
    border-right: 1px solid  #ccdf74;
    
    transform-origin: bottom left;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}
@media screen and (min-width: 1200px) {
	h1.block {
		margin: -12% 0 10% 51%;}}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
	h1.block {
		margin: -14% 0 14% 56%;}}	
@media screen and (min-width: 920px) and (max-width: 1100px) {
	h1.block {
		margin: -16% 0 16% 65%;}}
@media screen and (min-width: 1200px) {
	.exhibit_photo {
		margin-top:-2.5%;}}	
@media screen and (min-width: 1000px) and (max-width: 1200px) {
	.exhibit_photo {
		margin-top:-5%;}}
@media screen and (min-width: 920px) and (max-width: 1000px) {
	.exhibit_photo {
		margin-top:-6%;}}
.text {
	width:100%;
	float:left;
	padding: 1em 7% 0 7%;
	max-width:726px;
	text-align:justify;
	line-height:140%;}
p.first {
	margin-top:8%;}
.text p {
	font-family: 'Halant', serif;
	
	font-size:0.9em;
	padding-top:1em;}
p.dark {
	color:#1A131A;
	}
p.expl_add {
	color:#5F6767;
	border-top: 1px solid #EEEAEE;
	border-bottom:1px solid #EEEAEE;
	margin:5% 0 5% 5%; }
p.black {
	background-color:#000;
	margin:2em 0;
	color:#000;}