/* child category home
-----------------------------------------*/
body {
	background: #f7f7f7;
}
.section--top.type_photo {
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
}
.section--top.type_photo .block--tit {
	display: block;
	position: absolute;
	left: 5%;
	top: 27%;
	z-index: 2;
	width: 24%;
	margin: 0;
}
.section--top.type_photo .block--tit .block--keyvisual__logo {
	display: block;
}
.section--top.type_photo .block--tit .block--keyvisual__logo img {
	max-width: 100%;
	/*width: fit-content;*/
}
.section--top.type_photo .block--keyvisual__photo {
	position: inherit;
	z-index: 0;
	margin: 0;
	width: 95%;
	height: auto;
	margin: 5vw 0 0 0;
	pointer-events: none;
}
.section--top.type_photo .block--keyvisual__photo li {
	position: relative;
	z-index: 1;
	text-align: right;
}
.section--top.type_photo .block--keyvisual__photo li img {
	width: 66%;
}
.section--top.type_photo .block--keyvisual__photo li:nth-of-type(2) {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: calc(100% - 150px);
	text-align: center;
}
.section--top.type_photo .block--keyvisual__photo li:nth-of-type(2) img {
    position: absolute;
    top: 0;
    left: 30%;
    width: auto;
    height: 100%;
    filter: blur(30px);
    transform: translate(-50%, 0) scale(1.5, 1.5);
}
.list--item .item.new::after{
    background: #97b16b;
}
.bnrArea{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 600px;
    margin: 100px auto -100px;
}
.bnr{
    width: 48%;
}
.bnr a{
    display: block;
    width: 100%;
}
.bnr a img{
    display: block;
    width: 100%;
}

@media screen and (max-width: 960px){
	.section--top.type_photo {
		margin-bottom: 30px;
	}
	.section--top.type_photo .block--tit {
		position: relative;
		top: auto;
		left: auto;
		width: 75%;
		margin: 25vw auto 8vw;
		transform: inherit;
	}
	.section--top.type_photo .block--keyvisual__photo {
		width: 95%;
		margin: 0 0 0 5%;
	}
	.section--top.type_photo .block--keyvisual__photo li img {
		width: 100%;
	}
	.section--top.type_photo .block--keyvisual__photo li:nth-of-type(2) {
		height: calc(100% - 10vh);
	}
	.section--top.type_photo .block--keyvisual__photo li:nth-of-type(2) img {

	}
	.bnrArea{
	    margin: 50px auto 0;
        width: 70%;
	}
	.bnr {
        width: 100%;
        margin: 0 auto 10px;
	}

}