@media all{

header{
	background:rgba(10 30 50 / .6) !important;
}

header + nav > div:hover{
	background:rgba(10 30 50 / .6) !important;
}
	
.photobook a h2{
	color:#fff !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .3) 100%);
	margin:0;
	text-shadow:none;
	text-decoration:none;
}

.photobook a{
	margin: auto;
    display: block;
	padding: 17.5% 0;
	text-decoration:none;
	transition-duration:.3s;transition-timing-function:ease-out;
    background: center 50% / 100% no-repeat url(../pc_images/jpg/img007.jpg);
	background-color:rgba(0 0 0 / 0);
	background-blend-mode: darken;
}

.photobook a:hover {
	text-decoration:none;
	transition-duration:.3s;transition-timing-function:ease-out;
	background-image: center 50% / 100% no-repeat url(../pc_images/jpg/img007.jpg);
	background-color:rgba(0 0 0 / .4);
	background-blend-mode: darken;
}

.photobook a p,.photobook a:hover p{
	color:#fff !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .3) 100%);
	margin:0;
	font-weight:bold !important;
}

.photobook h2,.photobook p{
	text-align:center;
}

.photobook div{
	width:100%;
}

section > div > p > span{
	display:block;
	background:#8f3254;
	color:#fff;
	padding:0 .5em;
	font-size:.8em;
}

section > div:nth-child(7) > p > span{
	background:#356341;
}

section > div:nth-child(8) > p > span{
	background:#4b3a16;
}

section > div:nth-child(9) > p > span {
    background: #369;
}

.samplebook_item div a:last-child{
	width:100%;
}

}

@media screen and (max-width:640px){

.photobook a{
    background: center 50% / 100% no-repeat url(../mb_images/webp/img007.webp);
	padding: 45% 0;
}

}

@media screen and (min-width:481px){

.main > div a{
	width: 48%;	
}

}

@media screen and (max-width:480px){
	
.slider > div > a > p {
	text-align:center !important;
}

.photobook a{
    background: center 50% / 100% no-repeat url(../mb_images/webp/img007.webp);
	padding: 40% 0;
}

.photobook p{
	text-align:left;
}

main > div a{
	width:100% !important;
}

h1 > span{
	display:block;
	font-size: .9em;
}

}

@media screen and (max-width:400px){

.photobook a{
    background: center 50% / 100% no-repeat url(../mb_images/webp/img007.webp);
	padding: 37% 0;
}

}