/* =================================
	/chasseriau-ten/works/
================================= */

div.col-lef section.unit {
	border:solid 1px #50321e;
}
div.col-lef section.unit h2 > span {
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
}
div.col-lef section.unit h2:before {
	font-family: 'Lusitana', 'serif';
	font-weight:normal;
}
div.col-lef section.btn1 h2:before {content:"I";}
div.col-lef section.btn2 h2:before {content:"II";}
div.col-lef section.btn3 h2:before {content:"III";}
div.col-lef section.btn4 h2:before {content:"IV";}
div.col-lef section.btn5 h2:before {content:"V";}
div.col-lef section.unit p.catch {
	line-height:1.5;
	text-align: justify;
	text-justify: distribute;
}
div.col-lef p.btn a {
	font-size:87.5%;
	position:relative;
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#91b486;
}
div.col-lef p.btn a:before {
	content:"";
	display:block;
	width:16px;
	height:16px;
	background-image:url(../img/cmn_arrow.svg);
	background-position:0 -20px;
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-4.5em;
	margin-top:-8px;
}
div.col-lef p.btn a span {
	position:absolute;
	left:50%;
	top:50%;
	text-indent:0.5em;
	margin-left:-3.5em;
	margin-top:-0.5em;
}
@media all and (min-width: 768px) {
div.col-lef section.unit h2 {
	margin-bottom:20px;
}
div.col-lef section.unit h2:before {
	display:block;
	letter-spacing:-2px;
	text-align:center;
	float:left;
	color:#c2eaae;
	background-color:#50321e;
	font-size:36px;
	width:52px;
	height:52px;
	padding-top:8px;
	margin-right:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.col-lef section.unit h2 > span {
	color:#50321e;
	font-size:100%;
	line-height:52px;
}
div.col-lef section.unit:not(:last-child) {
	margin-bottom:20px;
}
div.col-lef section.unit p.catch {
	font-size:87.5%;
	padding:0 20px 20px;
}
div.col-lef p.btn {
	padding-left:420px;
}
div.col-lef p.btn a {
	height:38px;
}
div.col-lef p.btn a:hover {
	background-color:#7ba470;
}
}
@media all and (max-width: 767px) {
div.col-lef section.unit h2 {
	line-height:2.5;
	color:#c2eaae;
	background-color:#50321e;
	padding-left:0.5em;
	margin-bottom:10px;
}
div.col-lef section.unit h2 > span {
	font-size:87.5%;
}
div.col-lef section.btn1 h2 > span span {
	letter-spacing:-1px;
}
div.col-lef section.unit h2 > span:before {
	content:". ";
}
div.col-lef section.unit:not(:last-child) {
	margin-bottom:15px;
}
div.col-lef section.unit p.catch {
	font-size:83%;
	padding:0 10px 10px;
}
div.col-lef p.btn {
	padding:0 10px 10px;
}
div.col-lef p.btn a {
	height:32px;
}
}


/*	nav (.menu-works nav)
============================== */
div.menu-works {
}
div.menu-works nav ol li {
	background-color:#91b486;
	float:left;
}
div.menu-works nav ol li:not(:last-child) {
	margin-right:8px;
}
div.menu-works nav ol li a, div.menu-works nav ol li a > span {
	display:block;
}
div.menu-works nav ol li a {
	position:relative;
	color:#50321e;
	font-family: 'Lusitana', 'serif';
	font-weight:normal;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.menu-works nav ol li a:before {
	display:block;
	letter-spacing:-2px;
	text-align:center;
	width:100%;
	position:absolute;
	top:50%;
}
div.menu-works nav ol li a > span {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.wrks1 div.menu-works nav ol li:nth-child(1) a,
div.wrks2 div.menu-works nav ol li:nth-child(2) a,
div.wrks3 div.menu-works nav ol li:nth-child(3) a,
div.wrks4 div.menu-works nav ol li:nth-child(4) a,
div.wrks5 div.menu-works nav ol li:nth-child(5) a {
	color:#c2eaae;
	background-color:#50321e;
}
div.menu-works nav ol li:nth-child(1) a:before {content:"I";}
div.menu-works nav ol li:nth-child(2) a:before {content:"II";}
div.menu-works nav ol li:nth-child(3) a:before {content:"III";}
div.menu-works nav ol li:nth-child(4) a:before {content:"IV";}
div.menu-works nav ol li:nth-child(5) a:before {content:"V";}

@media all and (min-width: 768px) {
div.menu-works {
	width:292px;
	margin:0 auto 20px;
}
div.menu-works nav ol li a {
	width:52px;
	height:52px;
}
div.menu-works nav ol li a:before {
	font-size:36px;
	line-height:36px;
	margin-top:-16px;
}
div.menu-works nav ol li a:hover {
	color:#c2eaae;
	background-color:#50321e;
}
}
@media all and (max-width: 767px) {
div.menu-works {
	width:252px;
	margin:0 auto 15px;
}
div.menu-works nav ol li a {
	width:44px;
	height:44px;
}
div.menu-works nav ol li a:before {
	font-size:24px;
	line-height:24px;
	margin-top:-10px;
}
}

/*	figure
============================== */
div.col-lef figure {
	color:#c2e0ae;
	background-color:#4e311b;
}
div.col-lef figure span,
div.col-lef figure b, div.col-lef figure img {
	display:block;
}
div.col-lef figure p.pics span {
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
}
div.col-lef figure p.pics span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.col-lef figure figcaption {
	line-height:1.5;
}
div.col-lef figure figcaption b {
	font-size:87.5%;
	border-bottom:double 3px #c2e0ae;
	padding-bottom:0.75em;
	margin-bottom:0.5em;
}
div.col-lef figure figcaption span.rgts {
	font-size:62.5%;
	margin-bottom:0.5em;
}
div.col-lef figure figcaption span.cmmt {
	font-size:83%;
	text-align: justify;
	text-justify: distribute;
}
@media all and (min-width: 768px) {
div.col-lef figure {
	width:480px;
	margin:0 auto 20px;
}
div.col-lef figure figcaption {
	padding:20px;
}
}
@media all and (max-width: 767px) {
div.col-lef figure {
	margin:0 30px 20px;
}
div.col-lef figure figcaption {
	padding:10px;
}
}


/*	pictures
============================== */
div.wrks-cmn .pic1-1 p.pics span {padding-top:122.9166666%;}
div.wrks-cmn .pic1-2 p.pics span {padding-top:129.166666%;}
div.wrks-cmn .pic1-3 p.pics span {padding-top:79.58333333%;}
div.wrks-cmn .pic1-4 p.pics span {padding-top:77.08333333%;}
div.wrks-cmn .pic2-1 p.pics span {padding-top:149.5833333%;}
div.wrks-cmn .pic2-2 p.pics span {padding-top:124.1666666%;}
div.wrks-cmn .pic2-3 p.pics span {padding-top:137.5%;}
div.wrks-cmn .pic2-4 p.pics span {padding-top:63.33333333%;}
div.wrks-cmn .pic3-1 p.pics span {padding-top:136.6666666%;}
div.wrks-cmn .pic3-2 p.pics span {padding-top:135.4166666%;}
div.wrks-cmn .pic3-3 p.pics span {padding-top:124.7916666%;}
div.wrks-cmn .pic3-4 p.pics span {padding-top:140%;}
div.wrks-cmn .pic4-1 p.pics span {padding-top:122.7083333%;}
div.wrks-cmn .pic4-2 p.pics span {padding-top:73.75%;}
div.wrks-cmn .pic4-3 p.pics span {padding-top:131.6666667%;}
div.wrks-cmn .pic4-4 p.pics span {padding-top:64.58333333%;}
div.wrks-cmn .pic5-1 p.pics span {padding-top:120.625%;}
div.wrks-cmn .pic5-2 p.pics span {padding-top:77.08333333%;}
div.wrks-cmn .pic5-3 p.pics span {padding-top:138.9583333%;}
div.wrks-cmn .pic5-4 p.pics span {padding-top:128.9583333%;}
div.wrks-cmn .pic5-5 p.pics span {padding-top:129.1666667%;}

div#painter .pic1-1 p.pics span {padding-top:132.9166666%;}
div#painter .pic1-2 p.pics span {padding-top:125.8333333%;}
div#painter .pic1-3 p.pics span {padding-top:174.375%;}
div#painter .pic2-1 p.pics span {padding-top:124.5833333%;}
div#painter .pic2-2 p.pics span {padding-top:132.5%;}
div#painter .pic2-3 p.pics span {padding-top:69.5833333%;}