/* =================================
	NIGEHAJI Gallery CSS
================================= */


/*	padding reset
============================== */
@media all and (min-width: 768px) {
.cmn main div.brd > div.inner {
	padding:0 27px 30px;
}
}


/*	gallery
============================== */
ul.lightbox-gallery:after {
	content:"";
	display:block;
	clear:both;
}
ul.lightbox-gallery li {
	float:left;
}
ul.lightbox-gallery li > span, ul.lightbox-gallery li > span > a, ul.lightbox-gallery li > span > a img {
	display:block;
}
ul.lightbox-gallery li > span {
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#d6b8a4;
	border:1px solid #e0b299;
	background-size: cover;
}
@media all and (min-width: 768px) {
ul.lightbox-gallery {
	margin-bottom:30px;
}
ul.lightbox-gallery li {
	margin-right:6px;
	margin-bottom:6px;
}
ul.lightbox-gallery li:nth-child(4n) {
	margin-right:0;
}
ul.lightbox-gallery li > span > a img {
	width:142px;
	height:102px;
}
ul.lightbox-gallery li > span > a:hover {
	background-color:#ffcce0;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
ul.lightbox-gallery {
	margin-bottom:15px;
}
ul.lightbox-gallery li {
	width:25%;
	margin-bottom:4px;
}
ul.lightbox-gallery li:nth-child(4n-3) > span {
	margin-right:3px;
}
ul.lightbox-gallery li:nth-child(4n-2) > span {
	margin-left:1px;
	margin-right:2px;
}
ul.lightbox-gallery li:nth-child(4n-1) > span {
	margin-left:2px;
	margin-right:1px;
}
ul.lightbox-gallery li:nth-child(4n) > span {
	margin-left:3px;
}
ul.lightbox-gallery li > span {
	-webkit-background-clip:content-box;
	background-clip:content-box;
	-webkit-background-size:cover;
	background-size:cover;
}
ul.lightbox-gallery li > span > a {
	position:relative;
	height:0;
	padding-top:71.83%;
}
ul.lightbox-gallery li > span > a img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

}


/*	h2
============================== */

main article.story01 header h2, main article.gallery01 header h2 {background-image:url(../img/story_h2_01.png?1011);}
main article.story02 header h2, main article.gallery02 header h2 {background-image:url(../img/story_h2_02.png?1017);}
main article.story03 header h2, main article.gallery03 header h2 {background-image:url(../img/story_h2_03.png?1025);}
main article.story04 header h2, main article.gallery04 header h2 {background-image:url(../img/story_h2_04.png?1101);}
main article.story05 header h2, main article.gallery05 header h2 {background-image:url(../img/story_h2_05.png?1108);}
main article.story06 header h2, main article.gallery06 header h2 {background-image:url(../img/story_h2_06.png?1115);}
main article.story07 header h2, main article.gallery07 header h2 {background-image:url(../img/story_h2_07.png?1122);}
main article.story08 header h2, main article.gallery08 header h2 {background-image:url(../img/story_h2_08.png?1129);}
main article.story09 header h2, main article.gallery09 header h2 {background-image:url(../img/story_h2_09.png?1202);}
main article.story10 header h2, main article.gallery10 header h2 {background-image:url(../img/story_h2_10.png?1209);}
main article.story11 header h2, main article.gallery11 header h2 {background-image:url(../img/story_h2_11.png?1216);}
main article.storysp header h2, main article.gallerysp header h2 {background-image:url(../img/story_h2_sp.png?1216);}


main article.oa header {
	position:relative;
}
main article.oa header h2 {
	background-repeat:no-repeat;
}
main article.oa header h2 span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
main article.oa header p {
	color:#7b1700;
	line-height:1.5;
	font-weight:bold;
}
main article.oa header.bef p {
	position:absolute;
}
main article.oa header.aft p {
	text-align:right;
}
@media all and (min-width: 768px) {
main article.oa header {
	margin-bottom:25px;
}
main article.oa header h2 {
	height:62px;
}
main article.oa header.bef h2 {
	width:100px;
	margin-bottom:10px;
}
main article.oa header p {
	font-size:87.5%;
}
main article.oa header.bef p {
	left:110px;
	top:22px;
}
}
@media all and (max-width: 767px) {
main article.oa header {
	margin-bottom:15px;
}
main article.oa header.bef h2 {
	background-size:333px 37px;
	width:60px;
	height:37px;
	margin-bottom:6px;
}
main article.oa header.aft h2 {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:11.11111%;
}
main article.oa header.aft h2 span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
main article.oa header p {
	font-size:75%;
}
main article.oa header.bef p {
	left:70px;
	top:10px;
}
}

/*	backnumber
============================== */

/* h2 */
main section.bknum h2 {
	color:#fff5dc;
	text-shadow:0 2px 2px #000;
	background-image:url(../img/cmn_bg_brown.jpg);
	background-position:center top;
	background-color:#7b1700;
	line-height:1.5;
}
@media all and (min-width: 768px) {
main section.bknum h2 {
	font-size:87.5%;
	padding:10px 20px;
}
}
@media all and (max-width: 767px) {
main section.bknum h2 {
	font-size:83%;
	padding:5px 10px;
}
}

/* list */
section.bknum ul.bn-pics li {
	border-bottom:1px dashed #ebd2be;
}
section.bknum ul.bn-pics li:nth-child(even) {
	background-color:hsla(10,16%,91%,0.5);
}
section.bknum ul.bn-pics li a,
section.bknum ul.bn-pics li a:before {
	display:block;
}
section.bknum ul.bn-pics li a {
	text-decoration:none;
}
section.bknum ul.bn-pics li:after {
	content:"";
	display:block;
	clear:both;
}
section.bknum ul.bn-pics li a:before {
	content:"";
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	margin-right:10px;
}

/* 画像サイズは 16：9 (320×180) */


.story ul.bn-pics li.num11 a:before {background-image:url(../img/story_bnum11.jpg);}
.story ul.bn-pics li.num10 a:before {background-image:url(../img/story_bnum10.jpg);}
.story ul.bn-pics li.num09 a:before {background-image:url(../img/story_bnum09.jpg);}
.story ul.bn-pics li.num08 a:before {background-image:url(../img/story_bnum08.jpg);}
.story ul.bn-pics li.num07 a:before {background-image:url(../img/story_bnum07.jpg);}
.story ul.bn-pics li.num06 a:before {background-image:url(../img/story_bnum06.jpg);}
.story ul.bn-pics li.num05 a:before {background-image:url(../img/story_bnum05.jpg);}
.story ul.bn-pics li.num04 a:before {background-image:url(../img/story_bnum04.jpg);}
.story ul.bn-pics li.num03 a:before {background-image:url(../img/story_bnum03.jpg);}
.story ul.bn-pics li.num02 a:before {background-image:url(../img/story_bnum02.jpg);}
.story ul.bn-pics li.num01 a:before {background-image:url(../img/story_bnum01.jpg);}

.gallery ul.bn-pics li.num11 a:before {background-image:url(../gallery/img/num11.jpg);}
.gallery ul.bn-pics li.num10 a:before {background-image:url(../gallery/img/num10.jpg);}
.gallery ul.bn-pics li.num09 a:before {background-image:url(../gallery/img/num09.jpg);}
.gallery ul.bn-pics li.num08 a:before {background-image:url(../gallery/img/num08.jpg);}
.gallery ul.bn-pics li.num07 a:before {background-image:url(../gallery/img/num07.jpg);}
.gallery ul.bn-pics li.num06 a:before {background-image:url(../gallery/img/num06.jpg);}
.gallery ul.bn-pics li.num05 a:before {background-image:url(../gallery/img/num05.jpg);}
.gallery ul.bn-pics li.num04 a:before {background-image:url(../gallery/img/num04.jpg);}
.gallery ul.bn-pics li.num03 a:before {background-image:url(../gallery/img/num03.jpg);}
.gallery ul.bn-pics li.num02 a:before {background-image:url(../gallery/img/num02.jpg);}
.gallery ul.bn-pics li.num01 a:before {background-image:url(../gallery/img/num01.jpg);}

.interview ul.bn-pics li.num05 a:before {background-image:url(../img/inter_bnum05.jpg);}
.interview ul.bn-pics li.num04 a:before {background-image:url(../img/inter_bnum04.jpg);}
.interview ul.bn-pics li.num03 a:before {background-image:url(../img/inter_bnum03.jpg);}
.interview ul.bn-pics li.num02 a:before {background-image:url(../img/inter_bnum02.jpg);}
.interview ul.bn-pics li.num01 a:before {background-image:url(../img/inter_bnum01.jpg);}

@media all and (min-width: 768px) {
section.bknum ul.bn-pics li {
	padding:10px;
}
section.bknum ul.bn-pics li a {
	font-size:87.5%;
	line-height:64px;
	height:64px;
}
section.bknum ul.bn-pics li a:before {
	width:114px;
	height:64px;
}
}
@media all and (max-width: 767px) {
section.bknum ul.bn-pics li {
	padding:6px;
}
section.bknum ul.bn-pics li a {
	font-size:83%;
	line-height:36px;
	height:36px;
}
section.bknum ul.bn-pics li a:before {
	width:64px;
	height:36px;
}
}