/** 初期化 **/
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}h1, h2, h3, h4, h5, h6, div, p, ul, ol, dt, dd, table, form, img{margin:0px; padding:0px;font-size:100%;}ul,ol{list-style-type: none;}dt{font-weight:bold;}dd{margin-left:20px;}table{border-collapse:collapse;border-spacing:0px;}th{text-align:center;vertical-align:top;}td{padding:8px 5px;}img{border:0px;}

	body
	{
		font-size:18px;
		font-family:sans-serif;
		line-height:1.7;
		-webkit-text-size-adjust: 100%;
	}

	main
	{
		width:100%;
		display:block;
	}

	article
	{
		width:1300px;
		margin:0 auto 50px;
		display:block;
		line-height:1;
		position:relative;
		z-index:2;
	}

	h1
	{
		width:90%;
		margin:50px 3% 25px 7%;
	}
	h1 img
	{
		width:100%;
	}

	ul
	{
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
	}
	ul li
	{
		width:calc(( 100% - 20px * 9 ) / 10 );
		margin:0 20px 20px 0;
		display:flex;
		align-items:center;
		text-align:center;
	}
	ul li:nth-child(10n)
	{
		margin-right:0;
	}
	ul li:nth-child(n + 83)
	{
		margin-top:30px;
	}
	ul li.new
	{
		margin-top:5px;
	}
	ul li a
	{
		width:100%;
	}
	ul li a figure
	{
		position: relative;
		width:100%;
		margin: 0;
		padding: 0;
		background: #fff;
		overflow: hidden;
	}
	ul li a figure:before
	{
		position: absolute;
		top: 0;
		left: -75%;
		z-index: 2;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		-webkit-transform: skewX(-25deg);
		transform: skewX(-25deg);
	}
	ul li a figure:hover:before
	{
		-webkit-animation: shine .75s;
		animation: shine .75s;
	}
	@-webkit-keyframes shine
	{
		100% {
			left:125%;
		}
	}
	@keyframes shine
	{
		100% {
			left:125%;
		}
	}
	ul li img
	{
		width:100%;
	}
	ul li h2
	{
		width:100%;
		text-align:center;
	}
	ul li h2 img
	{
		width:auto;
		max-height:160px;
	}
/* zoom
	article ul li a figure img
	{
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	article ul li a figure:hover img
	{
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
*/

	article:before
	{
		content:"書籍・写真集最新刊";
		position:absolute;
		right:calc( 30% );
		bottom:25px;
		width:calc( 50% + 5px);
		text-align:center;
		padding-top:7px;
		z-index:-1;
		background:#c3eacf;
		height:210px;
	}
	article:after
	{
		content:"雑誌最新刊";
		position:absolute;
		right:-10px;
		bottom:25px;
		width:calc( 30% + 5px);
		text-align:center;
		padding-top:7px;
		z-index:-1;
		background:#e7b6b8;
		height:210px;
	}

	footer
	{
		background:#6fc94e;
		text-align:center;
		color:#fff;
		font-size:1.2rem;
		padding:10px;
	}