@charset "utf-8";
/*季刊誌*/
.kikanshi-wrap2{
	padding:0 0 0;
	width:100%;
	box-sizing: border-box;
	position:relative;
	/*background-image: url(../img/fuyou-bg3.png);*/
	background-color: rgb(255 251 244 / 50%);
	background-blend-mode: lighten;
}
.kikanshi-wrap2:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:30px;
	background:linear-gradient(rgb(201 195 164 / 24%), rgb(255 255 255 / 0%));
}
#kikanshi2{
	background:url(../img/kikanshi/bg13_2.jpg);
	background-position: 0px 100px;
	/*max-width:1200px;*/
	margin:0 auto 0;
	padding:0 0 .5em;
	border-radius:3px 3px 0 0;
}

#kikanshi2 .title-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	padding: 5rem 1rem 1rem;
	position:relative;
}
#kikanshi2 .title-wrap .img01{
	max-width:160px;
	padding:0.5em 1em;
	background:rgba(255,255,255,0.5);
	border-radius:5px;
	margin-right:1rem;
	position:absolute;
	left:1em;
	top:1.5em;
}
#kikanshi2 .title-wrap h1{line-height:1em;}
#kikanshi2 .title-wrap h1 span{
	border-radius: 3px;
	font-size: 2rem;
	padding: 20px 10px 20px 25px;
	font-weight: bold;
	/*color: #e9cfb2;*/
	display: inline-block;
	/*color:#e9cfb2;*/
	    color: #766048;
    font-weight: bold;
    margin: 0 auto;
    background: url(../img/kikanshi/bg13_2.jpg);
    background-position: 0px 145px;
    box-sizing: border-box;
    border: solid 1px #eee;
    box-shadow: 0 0 2px #666;
}
#kikanshi2 .title-wrap .img02 img{
	max-width:400px;
	box-shadow: 2px 2px 2px #321c0fb0;
}

#kikanshi2 .cat-wrap{
	max-width:1200px;
	background:url(../img/kikanshi/bg13_2.jpg);
	margin:0 auto;
	width:calc(100% - 4em);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	position:relative;
}

/*一番下の棚用*/
#kikanshi2 .border{
	position:absolute;
	width:100%;
	height:60px;
	/*background:url(../img/kikanshi/bg13_2.jpg);*/
	bottom:0;
	z-index: 2;
	/*border-top: solid 2px #adadad;*/
}

/*横の*/
#kikanshi2 .cat-wrap:before,
#kikanshi2 .cat-wrap:after{
	content:"";
	position:absolute;
	width:20px;
	height:100%;
	background:rgb(135 135 135 / 20%);
	z-index:1;
}
#kikanshi2 .cat-wrap:before{
	left:0;
	top:0;
	/*border-left: solid 2px #b2b2b2;*/
}
#kikanshi2 .cat-wrap:after{
	right:0;
	top:0;
	/*border-right: solid 2px #b2b2b2;*/
}


.kikan-list2{
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.kikan-list2 li{

	width:calc(100% / 4);
	box-sizing: border-box;
	text-align:center;
	display: flex;
	flex-direction: column;
}
.kikan-list2 li .item-img{
		padding:1rem 2rem 5px;
		position:relative;
		z-index:10;
		display: flex;
		align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
}
.kikan-list2 li .item-img img:not(.nobook){
	border:solid 1px #ccc;
	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	width:150px;
	object-fit: cover;
   width: 12vw;
    max-width:200px;
    object-position: top center;
		aspect-ratio:14/20;
}
.kikan-list2 li .item-img img:not(.nobook):hover{
	 transform:scale(1.25,1.25);
	  transition:0.5s all;
}
.kikan-list2 li .item-img a{opacity:1;}
.kikan-list2 li .cat-title{
	/*background:url(../img/kikanshi/bg13_2.jpg);*/
	background-size:100% auto;
	height:60px;
	position:relative;
	z-index:9;
	display:flex;
	align-items:center;
	/*border-top: solid 2px #adadad;*/
	margin:auto 0 0 0;
}
.kikan-list2 li .cat-title h2{
	border-radius: 3px;
	line-height:1em;
	width:80%;
	min-height:3em;
	color:#766048;
	font-weight:bold;
	font-size:.9em;
	max-width:160px;
	margin:0 auto;
	padding:5px;
	background:url(../img/kikanshi/bg13_2.jpg);
	background-position:0px 115px;
	box-sizing:border-box;
	border:solid 1px #eee;
	box-shadow:0 0 2px #666;
	/*background:rgba(0,0,0,0.2);
	border-radius:5px;
	 box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);*/
}
.kikan-list2 li .cat-title h2 span{display:block;font-weight:bold;}
@media screen and (min-width: 769px){
/*棚の上の影*/
.kikan-list2 li:nth-child(4n -3){
	position:relative;
}
.kikan-list2 li:nth-child(4n -3):before{
	content:"";
	left:0;
	top:0;
	position:absolute;
	width:400%;
	height:10%;
	background: linear-gradient(#8d5c3a99, #c6ae9d4d 66%, transparent);
	z-index:10;

	
}
/*棚の台形部分*/
.kikan-list2 li:nth-child(4n -3):after{
	content:"";
	left:0;
	bottom:50px;
	position:absolute;
	width:calc(400% - 40px);
	z-index:2;
	border-bottom:12px solid rgb(100 100 100 / 30%); /* 高さ */
	border-left: 20px solid transparent; /* 左側下辺の伸び */
	border-right: 20px solid transparent; /* 右側下辺の伸び */
}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	
	
	.kikan-list2 li .item-img img:not(.nobook){
		width:20vw;
	}
	.kikan-list2 li{width: calc(100% / 3);}
	.kikan-list2 li:nth-child(3n -2){
	position:relative;
}
.kikan-list2 li:nth-child(3n -2):before{
	content:"";
	left:0;
	top:0;
	position:absolute;
	width:300%;
	height:10%;
	background:linear-gradient(#8d5c3a99, #c6ae9d4d 66%, transparent);
	z-index:10;
	
}
/*棚の台形部分*/
.kikan-list2 li:nth-child(3n -2):after{
		content:"";
	left:0;
	bottom:45px;
	position:absolute;
	width:calc(300% - 40px);
	z-index:2;

	border-bottom: 9px solid rgb(100 100 100 / 30%);
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}
}


@media screen and (max-width: 480px){
	.kikan-list2 li .item-img img:not(.nobook){
		width:20vw;
	}
	.kikan-list2 li{width: calc(100% / 2);}
	.kikan-list2 li:nth-child(2n -1){
	position:relative;
}
.kikan-list2 li:nth-child(2n -1):before{
	content:"";
	left:0;
	top:0;
	position:absolute;
	width:200%;
	height:10%;
	background:linear-gradient(#8d5c3a99, #c6ae9d4d 66%, transparent);
	z-index:10;
	
}
/*棚の台形部分*/
.kikan-list2 li:nth-child(2n -1):after{
		content:"";
	left:0;
	bottom:35px;
	position:absolute;
	width:calc(200% - 40px);
	z-index:2;

	border-bottom: 9px solid rgb(100 100 100 / 30%);
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}
	
}


/*ページャー*/

#kikanshi2 .pagenavi{
	color: #205B86;
	margin: 2em auto;
	padding:.5em;
	/*background: rgba(0,0,0,0.2);
    border-radius: 30px;
    box-shadow: inset 0px 0px 10px 0px rgb(0 0 0 / 30%);*/
	max-width:18em;
	
}

#kikanshi2 .pagenavi a.page-numbers,
#kikanshi2 .pagenavi .current{
	color: #555;
	padding: 0 6px;
	font-size:1.1em;
	position:relative;
	margin:0 3px;
	/*text-shadow:2px 2px 1px #000;*/
	border:none;
}
#kikanshi2 .pagenavi a.prev.page-numbers,
#kikanshi2 .pagenavi a.next.page-numbers{
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	padding:0;
}
#kikanshi2 .pagenavi a.page-numbers:hover:not:(.prev,.next){
	color:#fff;
	background: none;
}

#kikanshi2 .pagenavi a.page-numbers:hover{
	background:none;
}
#kikanshi2 .pagenavi .current{
	font-weight:bold;
	background:#2b1608;
	color:#fff;
}
@media screen and (max-width: 900px){
	#kikanshi2 .title-wrap .img01{position:unset;}
	#kikanshi2 .title-wrap .img02 img{max-width:320px;}
	.kikan-list li .cat-title{background-size:auto;}
	.kikan-list li .item-img{padding:2rem 1rem 5px;}
}
@media screen and (max-width: 620px){
	#kikanshi2 .title-wrap {flex-direction:column;}
	#kikanshi2 .title-wrap .img01{margin-bottom:.5em;margin-right:0;}
	#kikanshi2 .cat-wrap{width: calc(100% - 2em);}
}
@media screen and (max-width: 480px){
	.index-bnr02 li a h2{font-size:1.25rem; padding:10px 5px 10px 15px;}
	.kikan-list2 li .cat-title{height:40px;}
	.kikan-list2 li .item-img{padding:1rem 2rem 5px;}
	#kikanshi2 .title-wrap h1 span{font-size:1.5rem;}
}
@media screen and (max-width: 420px){
	#kikanshi2 .title-wrap .img02 img{max-width:100%;}
}


@media screen and (max-width: 1280px){
	#kikanshi2 .title-wrap{padding-top:9rem;padding-bottom:6rem;}
}
@media screen and (max-width: 1080px){
	
}
@media screen and (max-width: 480px){
	#kikanshi2 .title-wrap{padding-top:7rem;}
}