@charset "utf-8";
/* CSS Document */

#reportWrapper {background: #fff;color: #111;padding: 1em 0;counter-reset: photonum 0;}
.content {width: 100%;max-width: 1200px;margin: 0 auto;font-feature-settings: 'palt';}
.content img {width: 100%;}
.content p {width: 90%;margin: 2em auto;}
.content p.notes {background: #eee;border-radius: 0.4em;padding: 1em;font-size: 90%;}
.content p.zasekiadd {text-align: center;color: red;margin: 2em auto -1em;font-weight: 600;font-size: 1.5em;}
ul.gallery {column-count: 1;column-fill: balance-all;}
ul.gallery li {page-break-inside: avoid;break-inside: avoid;padding-bottom: 1em;/*margin-bottom: 1em;*/display: block: 100%;}
ul.gallery li.colums2 {column-span: 2;}
ul.gallery li.w100 {column-span: all;}
/*ul.gallery {display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.gallery li {flex-basis: 32%;margin-bottom: 1em;}*/
ul.gallery li a {width: 100%;}
ul.gallery li a img {width: 100%;}
#reportWrapper .content > a.stock {background: rgb(0,167,225);color: #fff;text-align: center;width: 90%;margin: 2em auto;padding: 0.5em;border-radius: 5px;font-size: 2em;/*box-shadow: 0 0 1em 1px rgba(0,100,0,0.5) inset;*/}
#reportWrapper .content > a.stock:hover {background: #fa0;}
#reportWrapper .content > a.event {text-align: center;color: #111;width: 90%;margin: 2em auto;font-size: 1.5em;font-weight: 500;}
#reportWrapper .content > a.event img {width: 100%;transition: all ease 0.4s;}
#reportWrapper .content > a.event:hover {text-decoration: underline;color: #f90;}
#reportWrapper .content > a.event:hover img {transform: scale(1.03);}

/*写真ナンバー表示用*/
#reportWrapper.ngy ul li {counter-increment:photonum ;}
#reportWrapper.ngy ul li:before {content:"（" counter(photonum) "）";position: absolute;color: #fff;top:0;left:0;padding: 0.5em;z-index: +10;font-weight: 600;font-size: 0.8em; text-shadow:1px 1px 0.1em rgba(0,0,0,0.5),-1px 1px 0.1em rgba(0,0,0,0.5),-1px -1px 0.1em rgba(0,0,0,0.5),1px -1px 0.1em rgba(0,0,0,0.5);}

/*OVERRIDE*/
#inquiry div {width: 90%;margin: 0 auto;}
h4.inquiry {margin-top: 3em;}

@media screen and (min-width: 350px) {
	ul.gallery {column-count: 2;}
}

@media screen and (min-width: 750px), print {
	.content {width: 90%;}
	ul.gallery {column-count: 3;}
	ul.gallery.niko {column-count: 2;}
	ul.gallery li.w100 {column-span: none;}
	#reportWrapper .content > a.stock {font-size: 1.5em;width: 80%;}
	#inquiry div {width: 50%;}
	.content p.zasekiadd {font-size: 2em;}
}

@media print {
	.mbhide {display: block !important;visibility: visible;}
}

@media screen and (min-width: 1200px) {
	/*ul.gallery {column-count: 4;}*/
}